
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="notepad">
  <meta name="Author" content="lajiao">
  <meta name="Keywords" content="big 社交 聊天 在线 交友">
  <meta name="Description" content="">
  
  <title>big--最大的在线通讯社交网</title>
  <link href="css/core.css" rel="stylesheet" type="text/css" />
   <link href="css/mainboard_blue.css" rel="stylesheet" type="text/css" />
  <link href="css/tools.css" rel="stylesheet" type="text/css" />
  <link href="css/include.css" rel="stylesheet" type="text/css" />
  <link href="css/loginbox.css" rel="stylesheet" type="text/css" />
  <link href="css/chatframe.css" rel="stylesheet" type="text/css" />
   <link href="css/desk.css" rel="stylesheet" type="text/css" />
   <link href="css/findboard.css" rel="stylesheet" type="text/css" />
   <link href="css/setting.css" rel="stylesheet" type="text/css" />
   <link href="css/browser.css" rel="stylesheet" type="text/css" />
    <link href="css/theme.css" rel="stylesheet" type="text/css" />
	 <link href="css/validatebox.css" rel="stylesheet" type="text/css" />
	  <link href="css/msgbox.css" rel="stylesheet" type="text/css" />
	   <link href="css/themebox.css" rel="stylesheet" type="text/css" />
		<link href="css/verifymsgbox.css" rel="stylesheet" type="text/css" />
<link href="css/regin_browser.css" rel="stylesheet" type="text/css" />
<link href="css/userintrocard.css" rel="stylesheet" type="text/css" />
<link href="css/changeheadboard.css" rel="stylesheet" type="text/css" />

  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jqmw.js"></script>
  <script type="text/javascript" src="js/include.js"></script>
  <style type="text/css" >
	
  </style>

 </head>

 <body>

 <!---系统提示框--->
 <div class="sys_window ">
	<div class="sys_winbar"></div>
	<div class="sys_content"></div>
	<div class="sys_btnbar"></div>
 </div>


<!---更换头像面板--->
<div class="changeheadboard">
	<!--内容页-->
	<div class="changehead_cntboard">
		<!--顶bar-->
		<div class="changehead_bar theme_color_uid">
			<div class="bar_color theme_color_uid theme_op_uid"></div>
			<div class="bar_content">
				<div class="changehead_barname"><img src="img/all_logo16-xp-2014.ico"/>更换头像</div>
				<div class="changehead_imgloadmsg">预览图正在加载中，请稍候...</div>
				<div class="changehead_close" title="关闭"></div>
				<div class="changehead_max normal" title="最大化"></div>
				<div class="changehead_mini" title="最小化"></div>
				<div class="clear"></div>
			</div>
		</div><!--顶bar结束-->

		<!--中部内容-->
		<div class="changehead_middle">

			<!----右侧头像预览栏----->
			<div class="changehead_middle_right">
				<p class="viewtitle">预览:</p>
				<div class="imghead60">
					<div class="imgbackground">
						<img class="hard" src="img/bg/1 (17).jpg"/>
					</div>
				</div>
				<div class="imgsize">60×60</div>
				<div class="imghead100">
					<div class="imgbackground">
						<img class="hard" src="img/bg/1 (17).jpg"/>
						<div class="editbar100">
							<div class="editbar100color"></div>
							<div class="editbar100cnt">
								<img src="img/BigHeadImage/edit.png"/>点击编辑
							</div>
						</div>
					</div>
				</div>
				<div class="imgsize">100×100</div>
				<div class="viewbighead"><img src="img/BigHeadImage/view_hd.png"/><a href="javascript:;" class="link_viewbighead">我的高清头像</a></div>
				<p class="viewtitle">我使用过的头像:</p>
				<div class="imgheadhistorybox">
					<div class="imgheadhistorybox_cnt">
						<div class="imgheadhistorybox_page">
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<img class="imgheadhistorylist" pid="" src="img/head/69.png"/>
							<div class="clear"></div>
						</div>
					</div>
				</div>

			</div><!----右侧头像预览栏结束----->

			<!----左侧操作栏 open_(diyboard/classichead/gifhead) 分别打开自定义头像/经典头像/会员头像面板----->
			<div class="changehead_middle_left open_classichead">
				<!--顶部选择面板bar-->
				<div class="changehead_middle_left_tabbar">
					<div class="changehead_middle_left_tabbtn diyboard">自定义头像</div>
					<div class="changehead_middle_left_tabbtn classichead">经典头像</div>
					<div class="changehead_middle_left_tabbtn gifhead"><img src="img/BigHeadImage/QQvip_16.png"/>动态头像</div>
				</div>
				<!--各面板总内容框 -->
				<div class="changehead_middle_left_tabcontent">

					<!--自定义头像面板-->
					<div class="changehead_diyboard changehead_tabcontent">
						<!--自定义面板照片选择bar-->
						<div class="changehead_diyboard_bar">
							<div class="changehead_diyboard_localphoto"><div class="localphoto_title"><img src="img/BigHeadImage/min_local_pic.png"/>本地照片</div><input type="file" name="input_localphoto" class="input_localphoto"/></div>
							<div class="changehead_diyboard_nowtake"><img src="img/BigHeadImage/video.png"/>自拍头像</div>
						</div>
						<!--自定义面板初始选择面板-->
						<div class="changehead_diyboard_init changehead_diycntboard">
							<div class="changehead_diyboard_init_select">
								<img class="init_select_arrow" src="img/BigHeadImage/CustomSnsHead/arrow.png"/>
								<ul class="init_select_tips">
									<li>您可以选一张本地照片或用摄像头拍照后制作头像。</li>
									<li>本地照片需1M以下,尺寸小于1600*1600</li>
									<li>您也可以点击选择一下其他服务的头像:</li>
								</ul>
								<div class="init_select_content">
									<!--扩展头像编辑服务 hasdata代表有数据--->
									<div class="init_select_tab qqzone hasdata">
										<img class="init_select_tabhead" src="img/BigHeadImage/CustomSnsHead/qzone_default.png"/>
										<div class="init_select_tabtitle"><img src="img/BigHeadImage/CustomSnsHead/qzoneicon_gray.png"/>QQ空间</div>
										<div class="init_select_edithead" title="点击编辑头像"></div>
									</div>
									<div class="init_select_tab friendcricle">
										<img class="init_select_tabhead" src="img/BigHeadImage/CustomSnsHead/friend_default.png"/>
										<div class="init_select_tabtitle"><img src="img/BigHeadImage/CustomSnsHead/friendicon_gray.png"/>朋友网</div>
										<div class="init_select_edithead" title="点击编辑头像"></div>
									</div>
									<div class="init_select_tab qqshow">
										<img class="init_select_tabhead" src="img/BigHeadImage/CustomSnsHead/qqshow_default.png"/>
										<div class="init_select_tabtitle"><img src="img/BigHeadImage/CustomSnsHead/qqshowicon_gray.png"/>QQ秀</div>
										<div class="init_select_edithead" title="点击编辑头像"></div>
									</div>
								</div>
							</div>
							<div class="changehead_diyboard_init_extra">
								<div class="changehead_diyboard_init_extra_titlebar">头像DIY应用</div>
							</div>
						</div>
						<!--自定义面板修改照片面板-->
						<div class="changehead_diyboard_adjust changehead_diycntboard">
							<!--上部修改面板-->
							<div class="changehead_diyboard_adjust_board">
								<div class="changehead_mainpic_box" scale=""><!--图片内容盒 根据图片比例大小js调节-->
									<img class="changehead_mainpic" src="img/back2.jpg"/>
									<div class="changehead_mainpic_mask"></div>
									<div class="changehead_adjustable_frame"><!--范围框 必须是正方形-->
										<div class="changehead_adjustable_frame_box"><!--范围框内容盒-->
											<div class="adjustable_frame_backpic" style=""></div>
											<div class="adjustable_frame_net">
												<div class="adjustable_frame_nettr">
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
												</div>
												<div class="adjustable_frame_nettr">
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
												</div>
												<div class="adjustable_frame_nettr">
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
													<div class="adjustable_frame_nettd"></div>
												</div>
													
											</div><!--网格框-->
											<div class="adjustable_frame_circle">
												<div class="adjustable_frame_circle_border"></div>
											</div><!--圆形框-->
										</div><!--范围框内容盒结束-->

										<!--范围框边点-->
										<div class="changehead_adjustable_frame_point">
											<div class="frame_point_lefttop"></div>
											<div class="frame_point_righttop"></div>
											<div class="frame_point_leftbottom"></div>
											<div class="frame_point_rightbottom"></div>
											<div class="frame_point_leftmid"></div>
											<div class="frame_point_rightmid"></div>
											<div class="frame_point_topmid"></div>
											<div class="frame_point_bottommid"></div>
										</div><!--范围框边点结束-->
									</div><!--范围框 结束-->
								</div><!--图片内容盒 结束-->

							</div><!--上部修改面板结束-->
							<!--中部工具选择栏-->
							<div class="changehead_diyboard_adjust_toolbar">
								<div class="changehead_diyboard_adjust_tools">
									<div class="adjust_tools_btn filter clicked">滤镜</div>
									<div class="adjust_tools_btn frame">边框</div>
									<div class="adjust_tools_btn gifframe">动态边框</div>
									<div class="adjust_tools_btn tonal">色调</div>
									<div class="adjust_tools_btn virtual">虚化</div>
								</div>
								<div class="adjust_tools_turnleft" title="左转"></div>
								<div class="adjust_tools_turnright" title="右转"></div>
								<div class="adjust_tools_net clicked" title="查看/取消网格线"></div>
								<div class="adjust_tools_circle clicked" title="查看/取消手机头像效果"></div>
							</div><!--中部工具选择栏结束-->
							<!--下部效果预览栏 open_effect_(filter/frame/gifframe/tonal/virtual)表示开启工具栏中选择的页面-->
							<div class="changehead_diyboard_adjust_effect open_effect_filter">
								<!--滤镜栏-->
								<div class="adjust_effect_box effect_filter">
									<!--右侧滚页按钮-->
									<div class="effect_list_page">
										<div class="effect_list_page_back disabled"></div>
										<div class="effect_list_page_ahead"></div>
									</div>
									<!--左侧滚页栏-->
									<div class="effect_list_box">
										<!--滚页条-->
										<div class="effect_list_boxpage">
											<!--单个-->
											<div class="effect_list_one selected">
												<div class="effect_list_pic">
													<div class="effect_pic_box">
														<img class="effect_pic" src="img/userhead5_80.jpg" />
														<div class="effect_mask"></div>
													</div>
													
												</div>
												<p class="typename">原图</p>
											</div>
											<!--单个-->
											<div class="effect_list_one">
												<div class="effect_list_pic">
													<div class="effect_pic_box">
														<img class="effect_pic" src="img/userhead5_80.jpg" />
														<div class="effect_mask"><img src="img/danya.png"/></div>
													</div>
													
												</div>
												<p class="typename">淡雅</p>
											</div>
										</div><!--滚页条结束-->
									</div><!--左侧滚页结束-->
									
								</div>
								<!--边框栏-->
								<div class="adjust_effect_box effect_frame">
									<!--右侧滚页按钮-->
									<div class="effect_list_page">
										<div class="effect_list_page_back disabled"></div>
										<div class="effect_list_page_ahead"></div>
									</div>
									<!--左侧滚页栏-->
									<div class="effect_list_box">
										<!--滚页条-->
										<div class="effect_list_boxpage">
											<!--单个-->
											<div class="effect_list_one selected">
												<div class="effect_list_pic">
													<div class="effect_pic_box">
														<img class="effect_pic" src="img/userhead5_80.jpg" />
														<div class="effect_mask"><img src="img/fugu.png"/></div>
													</div>
												</div>
												<p class="typename">花花边框</p>
											</div>
										</div><!--滚页条结束-->
									</div><!--左侧滚页结束-->

								</div>
								<!--动态边框栏-->
								<div class="adjust_effect_box effect_gifframe">
									<!--右侧滚页按钮-->
									<div class="effect_list_page">
										<div class="effect_list_page_back disabled"></div>
										<div class="effect_list_page_ahead"></div>
									</div>
									<!--左侧滚页栏-->
									<div class="effect_list_box">
										<!--滚页条-->
										<div class="effect_list_boxpage">
											<!--单个-->
											<div class="effect_list_one selected">
												<div class="effect_list_pic">
													<div class="effect_pic_box">
														<img class="effect_pic" src="img/userhead5_80.jpg" />
														<div class="effect_mask"><img src="img/fugu.png"/></div>
													</div>
												</div>
												<p class="typename">会动的边框</p>
											</div>
										</div><!--滚页条结束-->
									</div><!--左侧滚页结束-->
								
								</div>
								<!--色调栏-->
								<div class="adjust_effect_box effect_tonal">
									
								</div>
								<!--虚化栏-->
								<div class="adjust_effect_box effect_virtual"></div>
							</div><!--下部效果预览栏结束-->
						</div><!--自定义面板修改照片面板结束-->

					</div><!--自定义头像面板结束-->

					<!--经典头像面板-->
					<div class="changehead_classichead changehead_tabcontent">
						<!--经典头像cnt-->
						<div class="changehead_classicheadcnt">
							<!--正在加载page-->
							<div class="changehead_classicheadloadpage">
								<div class="loading"></div>
								<div class="loadfail">
									网络或系统原因加载失败，您可以尝试点击<a class="link_classicreload" href="javascript:;">重新加载</a>
								</div>
							</div>
							<!--经典头像page-->
							<div class="changehead_classicheadcntpage">

								<!--经典头像分类box-->
								<div class="imgbighead_libox viphead">
									<!--分类标题-->
									<div class="imgbighead_libox_title"><img src="img/BigHeadImage/QQvip_16.png"/>会员经典头像<a class="link_moreimghead" href="javascript:;">更多>></a></div>
									<!--分类头像内容-->
									<div class="imgbighead_libocontent">

										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										
									</div>
									<div class="clear"></div>
								</div><!--经典头像分类box结束-->

								<!--经典头像分类box-->
								<div class="imgbighead_libox commenthead">
									<!--分类标题-->
									<div class="imgbighead_libox_title">推荐头像(个)<a class="link_moreimghead" href="javascript:;">更多>></a></div>
									<!--分类头像内容-->
									<div class="imgbighead_libocontent">

										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>

									</div>
									<div class="clear"></div>
								</div><!--经典头像分类box结束-->

								<!--经典头像分类box-->
								<div class="imgbighead_libox gamehead">
									<!--分类标题-->
									<div class="imgbighead_libox_title">游戏头像(个)<a class="link_moreimghead" href="javascript:;">更多>></a></div>
									<!--分类头像内容-->
									<div class="imgbighead_libocontent">

										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>

									</div>
									<div class="clear"></div>
								</div><!--经典头像分类box结束-->

							</div><!--经典头像page结束-->
						</div><!--经典头像cnt结束-->
					</div><!--经典头像面板结束-->

					<!--动态头像面板-->
					<div class="changehead_gifhead changehead_tabcontent">
						<!--动态头像cnt-->
						<div class="changehead_gifheadcnt">
							<!--正在加载page-->
							<div class="changehead_gifheadloadpage">
								<div class="loading"></div>
								<div class="loadfail">
									网络或系统原因加载失败，您可以尝试点击<a class="link_gifreload" href="javascript:;">重新加载</a>
								</div>
							</div>
							<!--动态头像page-->
							<div class="changehead_gifheadcntpage">
								<!--动态头奖广告推荐板-->
								<div class="gifhead_showboard">
									<img class="gifhead_showboard_img" src="img/BigHeadImage/boardbg.jpg"/>
									<div class="gifhead_showboard_content">
										
									</div>
								</div>

								<!--头像分类box-->
								<div class="imgbighead_libox">
									<!--分类标题-->
									<div class="imgbighead_libox_title">推荐头像(个)<a class="link_moreimghead" href="javascript:;">更多>></a></div>
									<!--分类头像内容-->
									<div class="imgbighead_libocontent">

										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>
										<div class="imgbighead_lione">
											<img class="imgbighead_pic" src="img/userhead5_80.jpg" />
										</div>

									</div>
									<div class="clear"></div>
								</div><!--头像分类box结束-->


							</div><!--动态头像page结束-->
						</div><!--动态头像cnt结束-->

					</div><!--动态头像面板结束-->

				</div><!--各面板总内容框结束-->
			</div><!----左侧操作栏结束----->
			
			
		</div><!--中部内容结束-->

		<!--底部按钮bar-->
		<div class="changehead_bottombar theme_color_uid">
			<div class="changehead_bottombarglass"></div>
			<div class="changehead_bottombarcnt">
				<div class="changehead_bottombutton setting_subcancel">取消</div>
				<!--disabled/highline-->
				<div class="changehead_bottombutton setting_subconfirm highline">确定</div>
				<div class="clear"></div>
			</div>
		</div><!--底部按钮bar结束-->

	</div><!--内容页结束-->

	<div class="changehead_coverboard"></div>

</div><!---更换头像面板结束--->

<!--自拍头像框-->
<div class="selfcamera owner_uid" id="selfcamera_uid">
	<div class="selfcamera_bar">
		自拍头像<div class="selfcamera_close"></div>
	</div>
	<div class="selfcamera_board">
		<div class="selfcamera_photobox"></div>
		<div class="selfcamera_phototaken"><img class="cameraphoto" src=""/></div>
	</div>
	<div class="after selfcamera_tools ">
		<div class="takephoto">拍照</div>
		<div class="savephoto">保存</div>
		<div class="retake">重新拍照</div>
	</div>
</div>



<!--用户资料卡 selfcard/othercard--->
<div class="userintrocard owner_uid selfcard" id="userintrocard_uid">
	<div class="userintrocard_bg"><img src=""/></div>	
	<div class="userintrocard_board">
		<!--顶部bar-->
		<div class="topbar">
			<div class="userintrocard_close" title="关闭"></div>
			<div class="userintrocard_tiny" title="最小化"></div>
			<div class="usethisskin" title="使用xxx的资料卡皮肤"></div>
			<div class="editmyskin" title="更改资料卡皮肤"></div>
		</div>
		<!--中部头信息框-->
		<div class="introhead">
			<div class="introheadbg"></div>
			<div class="introheadcnt">
				<div class="introheadcnt_userhead"><img src="img/back6.jpg"/></div>
				<div class="introheadcnt_introbox">
					<div class="usernameinfobox"><p class="usernick">_飛兲潴~</p><p class="useraccount">417343845</p><img src="img/ContactInfoFrame/BatchRemark.png" class="addassisaccount" title="添加辅助账号"/></div>
					<div class="userlevelbox">
						<div class="userlevelicon_sun"></div><div class="userlevelicon_sun"></div><div class="userlevelicon_sun"></div><div class="userlevelicon_moon"></div><div class="userlevelicon_star"></div><div class="userlevelicon_star"></div><div class="userlevelphonevip"></div>
					</div>
					<div class="usersignbox">
						<input type="text" class="usersignbox_input" value="马到功成，努力！！！！！！！！！！！!!!!!!!!!"/>
						<!--<div class="usersignbox_input" contenteditable="true">马到功成，努力！！！！！！！！！！！!!!!!!!!!"</div>-->
						<div class="usersigntext">马到功成，努力！！！！！！！！！！！!!!!!!!!!</div>
						<div class="moreoperation">
							<div class="sharethiscard"></div>
							<div class="add2mycare"></div>
							<div class="sendmsg2him introheadbigbtn" title="发送消息">发送消息</div>
							<div class="addhim2frd introheadbigbtn" title="加为好友">加为好友</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--夹层资料完成度显示条-->
		<div class="intropercentage" title=""><div class="intropercentage_complete"></div></div>
		<!--下部总内容框-->
		<div class="userintrocard_column opencard_intro">
			<!--各内容页总板-->
			<div class="userintrocard_column_allboard">
				<div class="userintrocard_column_allwhiteboard"></div>
				<!--内容页板 各列表-->
				<!--内容页板 资料userintrocard_introediting表示正在编辑-->
				<div class="userintrocard_column_board userintrocard_intropage userintrocard_introediting">
					<!--用户设置-->
					<div class="userintrocard_intro_toptoolbar">
						<div class="userintrocard_intro_toptoolbarcolor"></div>
						<div class="userintrocard_intro_toptoolbarcnt">
							<div class="editmyintro toptoolbarbtn">编辑资料</div>
							<div class="closeedit toptoolbarbtn">关闭</div>
							<div class="saveedit disable toptoolbarbtn">保存</div>
						</div>
					</div>
					<!--资料board-->
					<div class="userintrocard_introcntbox">
						<!--资料cnt-->
						<div class="userintrocard_introcntbox_cnt">
							<!--资料page-->
							<div class="userintrocard_introcntbox_page">
								<div class="userintrocard_loading"></div>
								<!--资料相册-->
								<div class="userintrocard_introphotolist">
									<div class="userintrocard_introphoto_left">
										<div class="userintrocard_introphoto_graycolor"></div>
										<div class="userintrocard_introphoto_leftbtn"></div>
									</div>
									<div class="userintrocard_introphoto_box">
										<div class="userintrocard_introphoto_boxpage">
											<div class="userintrocard_introphoto_cnt"><img src="img/"/></div>
											<div class="userintrocard_introphoto_cnt"><img src="img/"/></div>
											<div class="userintrocard_introphoto_cnt"><img src="img/"/></div>
											<div class="userintrocard_introphoto_cnt"><img src="img/"/></div>
											<div class="userintrocard_introphoto_cnt"><img src="img/"/></div>
										</div>
									</div>
									<div class="userintrocard_introphoto_right">
										<div class="userintrocard_introphoto_graycolor"></div>
										<div class="userintrocard_introphoto_rightbtn"></div>
									</div>
								</div>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_account"><!--账号信息-->
									<li><span class="title">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号&nbsp;:</span><span class="content">awd</span><div class="clear"></div></li>
									<li><span class="title">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;:</span><span class="content">awdaw</span><div class="clear"></div></li>
									<li class="introli_nameremark"><span class="title">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注&nbsp;:</span><span class="content"><span class="remarksfrdname">-</span><span class="addfrdnameremarks introbtn"><img src="img/ContactInfoFrame/BatchRemark.png"/>添加备注</span></span><div class="clear"></div></li>
									<li class="introli_togrp">
										<span class="title">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;组&nbsp;:</span>
										<span class="content">
											<div class="putfrd2grp">
												<select>
													<option value="0">我的好友</option>
												</select>
											</div>
										</span><div class="clear"></div>
									</li>
									<li><span class="title">个人说明</span><span class="content"></span><div class="clear"></div></li>
								</ul>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_info"><!--个人资料信息-->
									<li class="introli_oneinfo"><span class="title">个&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li class="introli_hometown"><span class="title">故&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;乡&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li class="introli_livetown"><span class="title">所&nbsp;在&nbsp;地&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
								</ul>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_contact"><!--联系方式信息-->
									<li><span class="title">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li class="introli_phone"><span class="title">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li><span class="title">主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页&nbsp;:</span><span class="content"><a class="frdpagelink" href="" target="_blank">www.wanna613.com</a></span><div class="clear"></div></li>
									<li><span class="title">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li><span class="title">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
									<li><span class="title">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编&nbsp;:</span><span class="content"></span><div class="clear"></div></li>
								</ul>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_society"><!--个人社会信息-->
									<li>
										<span class="title">Q&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄&nbsp;:</span><span class="colcontent"></span>
										<span class="title">语&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言&nbsp;:</span><span class="colcontent"></span>
										<div class="clear"></div>
									</li>
									<li>
										<span class="title">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;:</span><span class="colcontent"></span>
										<span class="title">英&nbsp;文&nbsp;名&nbsp;:</span><span class="colcontent"></span>
										<div class="clear"></div>
									</li>
									<li>
										<span class="title">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业&nbsp;:</span><span class="colcontent"></span>
										<span class="title">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位&nbsp;:</span><span class="colcontent"></span>
										<div class="clear"></div>
									</li>
									<li class="introli_">
										<span class="title">公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司&nbsp;:</span><span class="colcontent"></span>
										<div class="clear"></div>
									</li>
									
								</ul>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_edu"><!--学历信息-->
									<li>
										<span class="title">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历&nbsp;:</span><span class="colcontent"></span>
										<span class="title">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校&nbsp;:</span><span class="colcontent"></span>
										<div class="clear"></div>
									</li>
								</ul>
								<!--资料详细-->
								<ul class="userintrocard_introlist introlist_remarks"><!--备注信息-->
									<li>
										<span class="title">备注信息</span><span class="content">暂无信息<div class="addremarks2thisfrd introbtn"><img src="img/ContactInfoFrame/BatchRemark.png"/>添加备注信息</div></span><div class="clear"></div>
									</li>
								</ul>
								<a href="javascript:;" class="openconfig_authset">权限设置</a>
							</div><!--资料page end-->
						</div><!--资料cnt end-->
					</div><!--资料board end-->
					
					<!--修改资料board-->
					<div class="userintrocard_editintrocntbox">
						<!--修改资料cnt-->
						<div class="userintrocard_editintrocntbox_cnt">
							<!--修改资料page-->
							<div class="userintrocard_editintrocntbox_page">
								
								<!--修改资料相册-->
								<div class="userintrocard_editintrophotolist">
									<div class="userintrocard_editintrophoto_left">
										<div class="userintrocard_editintrophoto_graycolor"></div>
										<div class="userintrocard_editintrophoto_leftbtn"></div>
									</div>
									<div class="userintrocard_editintrophoto_box">
										<div class="userintrocard_editintrophoto_boxpage" page="">
											<div class="userintrocard_editintrophoto_add" title="选择照片"><input type="file" name="editintrophoto_addinput" class="editintrophoto_addinput"/></div>
											<div class="userintrocard_editintrophoto_cnt"><img src="img/" class="editintrophoto_ready"/><img src="img/ContactInfoFrame/qzone/btn_close_highlight.png" class="editintrophoto_del"/></div>
											<div class="userintrocard_editintrophoto_cnt"><img src="img/"/><img src="img/ContactInfoFrame/qzone/btn_close_highlight.png" class="editintrophoto_del"/></div>
											<div class="userintrocard_editintrophoto_cnt"><img src="img/"/><img src="img/ContactInfoFrame/qzone/btn_close_highlight.png" class="editintrophoto_del"/></div>
											<div class="userintrocard_editintrophoto_cnt"><img src="img/"/><img src="img/ContactInfoFrame/qzone/btn_close_highlight.png" class="editintrophoto_del"/></div>
										</div>
									</div>
									<div class="userintrocard_editintrophoto_right">
										<div class="userintrocard_editintrophoto_graycolor"></div>
										<div class="userintrocard_editintrophoto_rightbtn"></div>
									</div>
								</div>
								<!--修改资料详细-->
								<ul class="userintrocard_editintrolist"><!--账号信息-->
									<li class="">个性签名:<div class="mulitinput inputframe" contenteditable="true"></div></li>
									<li class="">个人说明:<textarea class="mulitinput inputframe"></textarea></li>
									<li>
										<span class="">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;:<input type="text" class="inputframe inputchange_nick"/></span>
										<span class="">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;:<input type="text" class="inputframe inputchange_name"/></span>
									</li>
									<li>
										<span class="">英&nbsp;文&nbsp;名&nbsp;:<input type="text" class="inputframe inputchange_ename"/></span>
										<span class="">语&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言&nbsp;:<input type="text" class="inputframe inputchange_"/></span>
									</li>
									<li>
										<span class="">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
						
										</span>
										<span class="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										
										</span>
									</li>
									<li class="li_birthday">
										<span class="birthdayselect">生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;:<input type="text" class="inputframe inputchange_"/></span>
										<span class="">生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;肖&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										</span>
										<div class="editselectboard selectboard_birthday">
											<div class="subselector year"><select>
												<option value="0">2015年</option>
											</select></div>
											<div class="subselector month"><select>
												<option value="0">1月</option>
											</select></div>
											<div class="subselector day"><select>
												<option value="0">1日</option>
											</select></div>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<span class="">星&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;座&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										</span>
										<span class="">血&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										
										</span>
									</li>
									<li>
										<span class="">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										
										</span>
										<span class="">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位&nbsp;:<input type="text" class="inputframe inputchange_"/></span>
									</li>
									<li>公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司&nbsp;:<textarea class="mulitinput inputframe company inputchange_"></textarea><div class="clear"></div></li>
									<li>
										<span class="">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历&nbsp;:
											<span class="inputframe selector"><select>
												<option value="0">请选择</option>
											</select></span>
										</span>
										<span class="">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校&nbsp;:<input type="text" class="inputframe "/></span>
									</li>
									<li>
										<span class="">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话&nbsp;:<input type="text" class="inputframe "/></span>
										<span class="">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;:<input type="text" class="inputframe "/></span>
									</li>
									<li class="">
										邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱&nbsp;:<input type="text" class="inputframe inputchange_"/>
									</li>
									<li class="">
										主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页&nbsp;:<input type="text" class="inputframe inputchange_"/>
									</li>
									<li class="hometownselect">
										故&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;乡&nbsp;:<input type="text" class="inputframe inputchange_"/>
										<div class="editselectboard selectboard_area hometownboard">
											<div class="subselector country"><select>
												<option value="0">中国</option>
											</select></div>
											<div class="subselector province"><select>
												<option value="0">广东省</option>
											</select></div>
											<div class="subselector city"><select>
												<option value="0">广州市</option>
											</select></div>
											<div class="subselector district"><select>
												<option value="0">番禺区</option>
											</select></div>
											<div class="clear"></div>
										</div>
									</li>
									<li class="livetownselect">
										所&nbsp;在&nbsp;地&nbsp;:<input type="text" class="inputframe inputchange_"/>
										<div class="editselectboard selectboard_area livetownboard">
											<div class="subselector country"><select>
												<option value="0">中国</option>
											</select></div>
											<div class="subselector province"><select>
												<option value="0">广东省</option>
											</select></div>
											<div class="subselector city"><select>
												<option value="0">广州市</option>
											</select></div>
											<div class="subselector district"><select>
												<option value="0">番禺区</option>
											</select></div>
											<div class="clear"></div>
										</div>
										
									</li>
									<li class="">
										地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址&nbsp;:<input type="text" class="inputframe inputchange_"/>
									</li>
									<li class="">
										<span class="">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编&nbsp;:<input type="text" class="inputframe inputchange_"/></span>
									</li>
								</ul>
							</div><!--修改资料page end-->
						</div><!--修改资料cnt end-->
					</div><!--修改资料board end-->
					
					<!----底部图标栏--->
					<div class="userintrocard_introcntbottom">
						<div class="userintrocard_introcntbottom_iconbarbg"></div>
						<div class="userintrocard_introcntbottom_iconbar">
							<div class=""></div>
						</div>
					</div>
				</div>
				<!--内容页板 相册-->
				<div class="userintrocard_column_board userintrocard_photopage">
					<!--顶部-->
					<div class="userintrocard_photo_topbar">
						<p class="photoname">04-相片1</p>
						<a href="" target="_blank">进入空间相册</a> 
					</div><!--顶部结束-->
					<!--中部大图框-->
					<div class="userintrocard_photo_showbox">
						<!--大图内容框-->
						<div class="userintrocard_photo_showbox_frame">
							<img class="photo_showbox_img" src="img/bg/1 (37).jpg"/>
							<div class="photo_showbox_frame_ctrl" picid="">
								<div class="photo_showbox_frame_ctrl_left">
									<div class="photo_showbox_frame_ctrl_leftbtn" title="点击跳到上一张"><img src="img/ImageView/Wblog_left.png"/></div>
								</div>
								<div class="photo_showbox_frame_ctrl_right">
									<div class="photo_showbox_frame_ctrl_rightbtn" title="点击跳到下一张"><img src="img/ImageView/Wblog_right.png"/></div>
								</div>
							</div>
						</div>
						<!--大图底部赞/评论bar  open_comment表示开启评论--->
						<div class="userintrocard_photo_showbox_bar ">
							<div class="userintrocard_photo_showbox_barcolor"></div>
							<div class="userintrocard_photo_showbox_barcnt">
								<div class="userintrocard_photo_showbox_barctrl">
									<div class="photo_comment">评论</div>
									<div class="photo_comment_close">取消评论</div>
									<div class="photo_good">赞</div>
								</div>
								<div class="userintrocard_photo_showbox_barcomment">
									<input type="text" class="photo_comment_input" value="最多输入140个字"/>
									<div class="send_photo_comment">发表</div>
								</div>
							</div>
						</div>
					</div><!--中部大图框结束-->
					<!--底部相片列表框-->
					<div class="userintrocard_photo_listbox">
						<div class="userintrocard_photo_list_left"><img src="img/ImageView/Wblog_left.png"/></div>
						<div class="userintrocard_photo_list_cntboard">
							<div class="userintrocard_photo_list_cntpage">
								<div class="photo_list_box selected"><img src="img/bg/1 (37).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/1 (5).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/1 (6).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/1 (7).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/1 (11).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/1 (38).jpg"/></div>
								<div class="photo_list_box"><img src="img/bg/20.jpg"/></div>
								<div class="clear"></div>
							</div>
							
						</div>
						<div class="userintrocard_photo_list_right"><img src="img/ImageView/Wblog_right.png"/></div>
					</div><!--底部相片列表框结束-->
				</div><!--内容页板 相册结束-->

				<!--内容页板 动态-->
				<div class="userintrocard_column_board userintrocard_dynamicpage">
					<!--内容页板 动态cnt-->
					<div class="userintrocard_dynamicpage_cnt">
						<!--内容页板 动态page-->
						<div class="userintrocard_dynamicpage_page">
							
							<!--单个动态面板-->
							<div class="userintrocard_dynamicpage_libox">
								<div class="dynamic_sendtime">2014年7月21日&nbsp;12:57</div>
								<div class="userintrocard_dynamicpage_licnt">
									特别新闻报道！！！换号码 18825116686<img class="faceimg" src="img/Face/0.gif"/>
									qiu，无张影得我清嘎<img class="faceimg" src="img/Face/6.gif"/>，技术喔d高中聚会。最紧要开心<img class="faceimg" src="img/Face/1.gif"/>
									<!--photo_only 表示该动态仅仅只是上传了照片-->
									<div class="dynamicpage_licnt_photos ">
										<div class="dynamicpage_onlyphototips">上传20张照片到相册&nbsp;:&nbsp;<a href="javascript:;" class="openthump">未命名相册</a></div>
										<div class="dynamicpage_photothump">
											<div class="dynamicpage_photothump_one" pid="" title="这是一张图片"><img src="img/bg/1 (17).jpg"/></div>
											<div class="dynamicpage_photothump_one" pid="" title="这是一张图片"><img src="img/bg/1 (37).jpg"/></div>
											<div class="dynamicpage_photothump_one" pid="" title="这是一张图片"><img src="img/bg/1 (48).jpg"/></div>
											<div class="dynamicpage_photothump_one" pid="" title="这是一张图片"><img src="img/bg/1 (7).jpg"/></div>
										</div>
										共5张图片
									</div>
									
								</div>
								<div class="userintrocard_dynamicpage_licomment">
									
									<div class="dynamicpage_licomment_bar">
										<div class="licomment_good licomment_libtn" title="赞">赞</div>
										<div class="licomment_comment licomment_libtn" title="评论">评论</div>
										<div class="licomment_relay licomment_libtn" title="转发">转发</div>
										<div class="licomment_collect licomment_libtn" title="收藏">收藏</div>
									</div>
									<div class="dynamicpage_licomment_cnt">
										<div class="dynamic_comment_goodbar">
											<a href="javascript:;" class="replyername" uid="">婉芝</a>,
											等觉得很赞。
										</div>
										<!--单条评价 open_comment为开启显示回复该评价的输入框-->
										<div class="dynamic_commentlist open_comment" title="以下是这条动态的评论">
											<a href="javascript:;" class="replyername" title="点击查看空间" uid="">婉芝</a>&nbsp;:&nbsp;这个是你吗，怎么不像呢
											<img src="img/Face/1.gif"/>
											<img src="img/bg/1 (53).jpg" class="bigpic_comment" title="点击查看大图"/>
											<div class="replyhim" title="回复"></div>

											<div class="dynamic_commentlist_replythis" fid="">
												<input class="commentlist_replythis_input"/>
												<div class="commentlist_replythis_submit">发表</div>
											</div>

										</div>
										<div class="dynamic_commentlist " title="以下是这条动态的评论">
											<a href="javascript:;" class="replyername" title="点击查看空间" uid="">婉芝</a>&nbsp;:&nbsp;这个是你吗，怎么不像呢
											<img src="img/Face/1.gif"/>
											<img src="img/bg/1 (53).jpg" class="bigpic_comment" title="点击查看大图"/>
											<div class="replyhim" title="回复"></div>
											
											<div class="dynamic_commentlist_replythis" fid="">
												<input class="commentlist_replythis_input"/>
												<div class="commentlist_replythis_submit">发表</div>
											</div>
										</div>
										

									</div>
									<!---dynamicpage_licomment_reply_needinput显示输入回复工具栏-->
									<div class="dynamicpage_licomment_reply">
										<input class="licomment_reply_input" value="我也说一句"/>
										<div class="licomment_reply_inputmore">
											<div class="licomment_reply_inputcount">0/2000</div>
											<div class="licomment_reply_inputsubmit">发表</div>
										</div>
									</div>
									
								</div>

							</div><!--单个动态面板结束-->
							
							<!--加载响应信息显示面板-->
							<div class="userintrocard_dynamicpage_feedback nomore">
									<div class="nomore_board"><a href="javascript:;" class="link_gotozone">去空间查看更多动态</a></div>
									<div class="loading_board">正在加载...</div>
									<div class="fail_board">加载失败</div>
							</div><!--加载响应信息显示面板结束-->

						</div><!--内容页板 动态page结束-->
					</div><!--内容页板 动态cnt结束-->
				</div><!--内容页板 动态结束-->

				<!--内容页板 亲密度-->
				<div class="userintrocard_column_board userintrocard_intimacypage">
					<!--内容页板 亲密度cnt-->
					<div class="userintrocard_intimacypage_cnt">
						<!--内容页板 亲密度page-->
						<div class="userintrocard_intimacypage_page">
							<!--概述-->
							<div class="intimacypage_summary">
								<div class="intimacy_summary_left">
									<div class="title">
										<div class="self2frd"><p class="summary_me">我</p><p>对</p><p class="summary_frd">_飛兲潴~</p></div>
										<div class="switchobj">切换</div>
									</div>
									<div class="befrddays">
										<p class="tips">成为QQ好友已经</p>
										<div class="tiktokdays">
											<div class="tiktokcard">
												<div class="tiktokcardbg">
													<div class="tiktokcardbgtop"></div>
													<div class="tiktokcardbgbottom"></div>
												</div>
												<div class="tiktokcardnum">2</div>
											</div>
											<div class="tiktokcard">
												<div class="tiktokcardbg">
													<div class="tiktokcardbgtop"></div>
													<div class="tiktokcardbgbottom"></div>
												</div>
												<div class="tiktokcardnum">3</div>
											</div>
										</div>
										<p class="tips">天</p>
									</div>
								</div>
								<div class="intimacy_summary_split"></div>
								<div class="intimacy_summary_right">
									<div class="intimacy_summary_rtop">
										<div class="intimacy_num">99</div>
										<div class="intimacy_summary_more"></div>
									</div>
									<a href="javascript:;" class="link_viewintimacy">查看亲密度排名</a>
								</div>
							</div><!---概述end-->
							<!--我们的故事-->
							<div class="intimacypage_story">
								<div class="intimacypage_story_titlebar">我们的故事</div>
								<div class="intimacypage_story_intertimescount">
									<div class="timestype interview" title="次互动访问">
										<p class="timesnum">23</p>次互动访问
									</div>
									<div class="timestype commonfrd" title="位共同好友">
										<p class="timesnum">45</p>位共同好友
									</div>
									<div class="timestype commongrp" title="个共同群">
										<p class="timesnum">68</p>个共同群
									</div>
								</div>
								<div class="intimacypage_story_intercommon">
									<div class="intimacy_intercommon_list">我们都住在中国广东广州</div>
									<div class="intimacy_intercommon_list">我们都住在中国广东广州</div>
									<div class="intimacy_intercommon_list">我们都住在中国广东广州</div>
								</div>
							</div><!--我们的故事end-->
							<!---互动 interact_nothing即为暂无互动信息-->
							<div class="intimacypage_interact interact_nothing">
								<div class="intimacypage_interact_titlebar">最近互动</div>
								<div class="intimacypage_interact_nothing">暂无互动信息</div>
								<div class="intimacypage_interact_content">
									<div class="intimacypage_interact_libox"></div>
									<div class="intimacypage_interact_libox"></div>
									<div class="intimacypage_interact_libox"></div>
								</div>
							</div><!---互动end-->

							<!--加载更多显示面板-->
							<div class="userintrocard_intimacypage_more">
								<a href="javascript:;" class="link_gotodetail">去查看更多动态</a>
							</div><!--加载更多显示面板结束-->

						</div><!--内容页板 亲密度page结束-->
					</div><!--内容页板 亲密度cnt结束-->
				</div><!--内容页板 亲密度结束-->

				<!--内容页板 账户-->
				<div class="userintrocard_column_board userintrocard_accountpage"></div>
				<!--内容页板 各列表end-->
			</div><!--各内容页总板end-->
			<!--翻页按钮bar-->
			<div class="userintrocard_column_pagebtnbar">
				<div class="userintrocard_column_pagebtnbarbg"></div>
				<div class="userintrocard_column_pagebtnbarcnt">
					<div class="userintrocard_column_pagebtn column_pagebtn_info"><img src="img/ContactInfoFrame/tabbtn_info.png"/>资料</div>
					<div class="userintrocard_column_pagebtn column_pagebtn_photo"><img src="img/ContactInfoFrame/tabbtn_photo.png"/>相册</div>
					<div class="userintrocard_column_pagebtn column_pagebtn_dynamic"><img src="img/ContactInfoFrame/tabbtn_feeds.png"/>动态</div>
					<div class="userintrocard_column_pagebtn column_pagebtn_intimacy"><img src="img/ContactInfoFrame/Story_Rainbow.png"/>亲密度</div>
					<div class="userintrocard_column_pagebtn column_pagebtn_account">账户</div>
				</div>
			</div><!--翻页按钮barend-->
		</div><!--下部总内容框end-->

	</div>
</div>




<!---验证消息盒子--->
<div class="verifymsgbox_board owner_uid" id="verifymsgbox_board_uid">
		<!---bar--->
		<div class="verifymsgbox_bar">
			<div class="bar_color theme_color_uid theme_op_uid"></div>
			<div class="bar_content">
				<div class="verifymsgbox_barname"><img src="img/VerifyMsg/TrayMsgBox.png"/>验证消息</div>
				<div class="verifymsgbox_close"></div>
				<div class="verifymsgbox_mini"></div>
				<div class="clear"></div>
			</div>
		</div>
		<!---背景内容面板 open_frdverify open_grpsys 点击切换按钮后只需更改此class即可--->
		<div class="verifymsgbox_cntboard open_frdverify">
			<div class="verifymsgbox_cntboard_color theme_color_uid theme_op_uid"></div>
			<div class="verifymsgbox_cntboard_content">

				<!---切换按钮-->
				<div class="verifymsgbox_title">
					<div class="verifymsgbox_title_color theme_color_uid"></div><!--定义透明深度--->
					<div class="verifymsgbox_title_cnt">
						<div class="verifymsgbox_title_tag frdverify_tag">好友验证</div><!---利用cntboard的open控制选中-->
						<div class="verifymsgbox_title_tag grpsys_tag">群系统消息</div><!---利用cntboard的open控制选中-->
						<div class="clear"></div>
					</div>
				</div>
				<!--切换页-->
				<div class="verifymsgbox_content">
					<div class="verifymsgbox_content_color"></div><!--白底,定义深度-->
					<div class="verifymsgbox_content_cnt"><!--切换页内容板-->
						<!--好友验证面板-->
						<div class="verifymsgbox_detail_frdverify verifymsgbox_detail"><!---利用cntboard的open控制显示-->
							<div class="verifymsgbox_detail_cntboard"><!--好友验证面板内容板-->
								<div class="verifymsgbox_detail_page"><!--好友验证面板滚动页-->
									<ul class="nothandle"><!--未处理信息（即未忽略且未决定是否添加好友的信息）-->
										<li date="2015-11-05"><!--按照天数分列-->
											<p class="timehead">今天</p>
											<!--正常,ignored已忽略 hasadd同意并添加 oneadd对方单方面加我为好友 refused已拒绝 berefused被拒绝 imadd已添加对方对方没添加我 7种模式--->
											<div class="frdverify_listbox">
												<div class="delthis"></div>
												<div class="listhead"><img src="img/head/3_100.gif"/></div>
												<div class="listinfo">
													<div class="frdname"><a class="frdnamefont">heiboy嘿波壹</a><p class="frdfrom">来自临时会话</p></div>
													<div class="frddetail"><div class="qzone"></div>男 80岁 广州</div>
													<div class="verifymsg"><p class="verifymsgtitle">附加消息:</p>
													<!--<p class="verifymsg_qa">问题1：加我干什么？</p>
													<p class="verifymsg_qa">答：不行吗。</p>
													<p class="verifymsg_qa">问题1：加我干什么？</p>
													<p class="verifymsg_qa">答：不行吗。</p>
													<p class="verifymsg_qa">问题1：加我干什么？</p>
													<p class="verifymsg_qa">答：不行吗。</p>
													-->
													<a href="">回复</a></div>
												</div>
												<div class="listctrl">
													<div class="ignorebtn">忽略</div>
													<div class="addornot">
														<div class="add">同意</div>
														<div class="sp"></div>
														<div class="verifymsg_moreselect">
															<div class="addornotbox">
																<ul	class="addornotlist">
																	<li class="accept" onClick="verify_select(uid,'accept');">同意</li>
																	<li class="refuse" onClick="verify_select(uid,'refuse');">拒绝</li>
																</ul>
															</div>
														</div>	

													</div>
													
													<p class="ignoretips">已忽略</p>
													<p class="refusetips">已拒绝</p>
													<p class="imaddtips">已添加为好友</p>
													<p class="berefusetips">对方拒绝了你的好友请求</p>
													<p class="hasaddtips">已同意并添加为好友</p>
													<div class="addtofrdbtn" title="对方已经添加你为好友，添加对方为好友后方可互相联系">加为好友</div>
												</div>
												<div class="clear"></div>
											</div>

										</li>
								
									</ul>
									<ul class="hashandle"><!--已忽略信息(只获取忽略但未决定是否添加好友的信息)-->
										<li class="doneline">以上为待处理信息</li><!--信息处理分割线-->
										<li date="2015-11-04"><!--按照天数分列-->
											<p class="timehead">今天</p>
											<!--正常,ignored hasadd oneadd refused berefused 6种模式--->
											<div class="frdverify_listbox ignored">
												<div class="delthis"></div>
												<div class="listhead"><img src="img/head/3_100.gif"/></div>
												<div class="listinfo">
													<div class="frdname"><a class="frdnamefont">heiboy嘿波壹</a><p class="frdfrom">来自临时会话</p></div>
													<div class="frddetail"><div class="qzone"></div>男 80岁 广州</div>
													<div class="verifymsg"><p class="verifymsgtitle">附加消息:</p>wwwwwwwwwwwwwwwwwwwwwwwwwwww<a href="">回复</a></div>
												</div>
												<div class="listctrl">
													<div class="ignorebtn">忽略</div>
													<div class="addornot">
														<div class="add">同意</div>
														<div class="sp"></div>
														<div class="more"></div>
													</div>
													
													<p class="ignoretips">已忽略</p>
													<p class="refusetips">已拒绝</p>
													<p class="hasaddtips">已同意并添加为好友</p>
													<div class="addtofrdbtn" title="对方已经添加你为好友，添加对方为好友后方可互相联系">加为好友</div>
												</div>
												<div class="clear"></div>
											</div>
											

										</li>

									</ul>
								</div><!--好友验证面板滚动页结束-->
							</div><!--好友验证面板内容板结束-->
							<a class="verifymsgbox_detail_newtips" href="javascript:add2vbox(uid);">有<font color="red" class="frdverifynum">1</font>条新好友验证信息，点击刷新 <div class="closethis"></div></a><!--新到信息提示--->
						</div><!--好友验证面板结束-->

						<!--群系统消息面板-->
						<div class="verifymsgbox_detail_grpsys verifymsgbox_detail"><!---利用cntboard的open控制显示-->
						<div class="verifymsgbox_detail_cntboard"><!--群系统消息面板内容板-->
								<div class="verifymsgbox_detail_page"><!--群系统消息面板滚动页-->

									<ul class="nothandle"><!--未处理信息（即未忽略且未决定是否添加好友的信息）-->
										<li><!--按照天数分列-->
											<p class="timehead">今天</p>
											<div class="grpsys_listbox">
												
												<div class="listhead"><img src="img/head/3_100.gif"/></div>
												<div class="listinfo">
													<div class="grpevent"><a class="frdname atitle">heiboy嘿波壹</a>申请加入群<a class="opengrp_link atitle">踏遍二沙岛</a><div class="opengrp_ico"></div></div>
												
													<div class="intromsg"><p class="intromsgtitle">附加消息:</p>GF</div>
												</div>
												<div class="listctrl">
													<div class="addornot">
														<div class="add">同意</div>
														<div class="sp"></div>
														<div class="more"></div>
													</div>
													<a class="ignorelink" href="#" title="忽略">忽略</a>
												</div>
												<div class="clear"></div>
											</div>

										</li>
										
									</ul>
									<ul class="hashandle"><!--已忽略信息(只获取忽略但未决定是否添加好友的信息)-->
										<li class="doneline">以上为待处理信息</li><!--信息处理分割线-->
										<li><!--按照天数分列-->
											<p class="timehead">今天</p>
											<div class="grpsys_listbox ignored creategrptips">
												
												<div class="listhead"><img src="img/head/3_100.gif"/></div>
												<div class="listinfo">
													<div class="grpname">您已经成功创建群<a class="opengrp_link atitle">踏遍二沙岛</a>，试试<a class="sharegrp_link">分享群</a>给大家吧</div>
												
													<div class="intromsg"><p class="intromsgtitle">立即设置</p><a class="spreadgrp_link">群推广链接</a></div>
												</div>
												<div class="listctrl">
													<div class="invifrdbtn">邀请好友</div>
												</div>
												<div class="clear"></div>
											</div>
											<div class="grpsys_listbox ignored">
												
												<div class="listhead"><img src="img/head/3_100.gif"/></div>
												<div class="listinfo">
													<div class="grpevent"><a class="frdname atitle">heiboy嘿波壹</a>申请加入群<a class="opengrp_link atitle">踏遍二沙岛</a><div class="opengrp_ico"></div></div>
												
													<div class="intromsg"><p class="intromsgtitle">附加消息:</p>GF</div>
												</div>
												<div class="listctrl">
													<div class="addornot">
														<div class="add">同意</div>
														<div class="sp"></div>
														<div class="more"></div>
													</div>
													<p class="ignoretips">已忽略</p>
												</div>
												<div class="clear"></div>
											</div>

										</li>

									</ul>
								</div><!--群系统消息面板滚动页结束-->
							</div><!--群系统消息面板内容板结束-->

							<a class="verifymsgbox_detail_newtips" href="javascript:add2vbox(uid);">有<font color="red" class="grpsysnum">1</font>条新群系统消息信息，点击刷新 <div class="closethis"></div></a><!--新到信息提示--->
						</div><!--群系统消息面板结束-->

					</div><!--切换页内容板结束-->
				</div><!--切换页结束-->

				<!---底部提示-->
				<div class="verifymsgbox_bottom theme_color_uid"><!--themecolor底-->
					<div class="verifymsgbox_bottom_white"></div><!---白底，定义深度-->
					<div class="verifymsgbox_bottom_cnt"><!---利用cntboard的open控制显示-->
						<a href="javascript:;">清空列表</a>
						<a href="javascript:;">好友验证方式设置</a>
					</div>
				</div>

			</div>
		</div>
		<div class="displayboard"></div>
</div>
<!---同意验证对话框--->
<div class="verifymsgbox_subwindow verifymsgbox_addbox">
	<div class="verifymsgbox_subwindowbar">
		<div class="bar_color theme_color_uid theme_bg_uid"></div>
			<div class="bar_content">
			<div class="verifymsgbox_barname"><img src="img/all_logo16-xp-2014.ico"/>添加</div>
			<div class="verifymsgbox_subwindowclose"></div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="verifymsgbox_subwindowcnt">
		<div class="baknamecnt">备注姓名:&nbsp;<input type="text" name="bakname" class="bakname"/></div>
		<div class="togrp">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;组:
			<span class="addfrdselectgrp">
				<select name="selectgrp">
					<option value="0">默认分组</option>
				</select>
			</span>
			<a href="javascript:addgrp();">新建</a>
		</div>
		<div class="acc_to_space"><div class="ck"></div>不允许此人访问我的空间</div>
	</div>
	<div class="verifymsgbox_subwindowfoot theme_color">
		<div class="verifymsgbox_subwindowfootglass"></div>
		<div class="verifymsgbox_subwindowfootcnt">
			<div class="verifymsgbox_subwindowbutton verifymsgbox_subconfirm selected">确定</div>
			<div class="clear"></div>
		</div>
	</div>
</div>

<!---拒绝对话框--->
<div class="verifymsgbox_subwindow verifymsgbox_refusebox">
	<div class="verifymsgbox_subwindowbar">
		<div class="bar_color theme_color_uid theme_bg_uid"></div>
			<div class="bar_content">
			<div class="verifymsgbox_barname"><img src="img/all_logo16-xp-2014.ico"/>确认</div>
			<div class="verifymsgbox_subwindowclose"></div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="verifymsgbox_subwindowcnt">
		<div class="refusestrcnt">拒绝理由:&nbsp;<input type="text" name="refusestr" class="refusestr"/></div>
		<div class="refuseupnow"><div class="ck"></div>拒绝再接受此人请求</div>
		<p><a href="">举报</a>该用户</p>
	</div>
	<div class="verifymsgbox_subwindowfoot theme_color">
		<div class="verifymsgbox_subwindowfootglass"></div>
		<div class="verifymsgbox_subwindowfootcnt">
			<div class="verifymsgbox_subwindowbutton verifymsgbox_subconfirm selected">确定</div>
			<div class="clear"></div>
		</div>
	</div>
</div>

<!---添加分组对话框--->
<div class="verifymsgbox_subwindow verifymsgbox_addgrpbox">
	<div class="verifymsgbox_subwindowbar">
		<div class="bar_color theme_color_uid theme_bg_uid"></div>
			<div class="bar_content">
			<div class="verifymsgbox_barname"><img src="img/all_logo16-xp-2014.ico"/>好友分组</div>
			<div class="verifymsgbox_subwindowclose"></div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="verifymsgbox_subwindowcnt">
		<p>分组名称:</p>
		<input type="text" class="grpname"/>
	</div>
	<div class="verifymsgbox_subwindowfoot theme_color">
		<div class="verifymsgbox_subwindowfootglass"></div>
		<div class="verifymsgbox_subwindowfootcnt">
			<div class="verifymsgbox_subwindowbutton verifymsgbox_subcancel">取消</div>
			<div class="verifymsgbox_subwindowbutton verifymsgbox_subconfirm disable">确定</div>
			<div class="clear"></div>
		</div>
	</div>
</div>












<!--主题设置盒子-->
<div class="themebox_board">
		<div class="themebox_bar theme_color_uid">
			<div class="themebox_barname"><img src="img/all_logo16-xp-2014.ico"/>更改外观</div>
			<div class="themebox_close"></div>
			<div class="clear"></div>
		</div>

		<div class="themebox_title">
			<div class="themebox_title_tag skin_tag selected"><div class="tag_ico"></div>皮肤设置</div>
			<div class="themebox_title_tag scene_tag"><div class="tag_ico"></div>场景秀</div>
			<div class="themebox_title_tag bubble_tag"><div class="tag_ico"></div>多彩气泡</div>
			<div class="themebox_title_tag ui_tag"><div class="tag_ico"></div>界面管理</div>
			<div class="moreset"></div>
			<div class="clear"></div>
		</div>
		<div class="themebox_content open_ui">
			<!--皮肤设置面板-->
			<div class="themebox_detail_skin themebox_detail">
				<div class="loadingboard"></div>

				<div class="themebox_skinselect">
					<div class="themebox_picskin">
						<table cellspacing="0" cellpadding="0">
							<tr>
								<td tid="">
									<div class="pic">
										<img src="img/back2.jpg"/>
										<div class="skintag isvip"></div>
									</div>
									<div class="blackglass"></div>
									<div class="picinfo">
										<p class="infoname">埃及金字塔</p>
										<p class="using">105115151人使用</p>
										<div class="picbottom">
											<div class="offer"><img src="img/skinmgr/2012/style.png"/>QQ装扮提供</div>
											<div class="share"></div>
										</div>
									</div>
								</td>
								<td tid="">
									<div class="pic">
										<img src="img/back2.jpg"/>
										<div class="skintag isvip"></div>
									</div>
									<div class="blackglass"></div>
									<div class="picinfo">
										
										<div class="picbottom">
											<div class="offer"><img src="img/skinmgr/2012/style.png"/>QQ装扮提供</div>
											<div class="share"></div>
										</div>
									</div>
								</td>
								<td tid="">
									<div class="pic">
										<img src="img/back6.jpg"/>
										<div class="skintag today"></div>
									</div>
									<div class="blackglass"></div>
									<div class="picinfo">
										
										<div class="picbottom">
											<div class="offer"><img src="img/skinmgr/2012/style.png"/>QQ装扮提供</div>
											<div class="share"></div>
										</div>
									</div>
								</td>
								<td tid="">
								</td>
								<td tid="">
								</td>
								<td tid="">
								</td>
							</tr>
							<tr>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
							</tr>
							<tr>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
								<td tid=""> </td>
							</tr>
						</table>
					</div>
					<div class="themebox_colorskin">
						<table cellspacing="0" cellpadding="0">
							<tr>
								<td tid="" style="background:#3399CC;"> </td>
								<td tid="" style="background:#0066CC;"> </td>
								<td tid="" style="background:#009966;"> </td>
								<td tid="" style="background:#FF6666;"> </td>
								<td tid="" style="background:#FF99CC;"> </td>
								<td tid="" style="background:#CC3366;"> </td>
								<td tid="" style="background:#663399;"> </td>
								<td tid="" style="background:#666699;"> </td>
								<td tid="" style="background:#006699;"> </td>
								<td tid="" style="background:#009999;"> </td>
								<td tid="" style="background:#009966;"> </td>
								<td tid="" style="background:#339999;"> </td>
								<td tid="" style="background:#99CCFF;"> </td>
								<td tid="" style="background:#ABCDEF;"> </td>
								<td tid="" style="background:#993333;"> </td>
								<td tid="" style="background:#FFCC33;"> </td>
								<td tid="" style="background:#CCCC99;"> </td>
								<td class="diycolor"></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="themebox_skinbtnbox">
					<div class="sevenskin skinbtn">7天皮肤套装</div>
					<div class="diyskin skinbtn"><img src="img/skinmgr/2012/plus.png"/>自定义</div>
					<div class="moreskin skinbtn">更多皮肤</div>
					<div class="glassset adjustframe disable" title="开启毛玻璃效果">
						<div class="adjustbar skoadjust">
							<div class="adjustbarblock glasssetblock"></div>
						</div>
					</div>
					<div class="opacityset adjustframe" title="设置全透明皮肤">
						<div class="adjustbar gloadjust">
							<div class="adjustbarblock opacitysetblock"></div>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
			</div><!--皮肤设置面板-->
			
			<!---场景秀面板--->
			<div class="themebox_detail_sceneshow themebox_detail" load="true">
				<div class="themebox_sceneselect">
					<div class="themebox_sceneselectcnt">
						<div class="themebox_sceneselectpage">
							<div class="scenebox">
								<div class="scenebox_title">精彩推荐</div>
								<table class="scenebox_cnt"  cellspacing="0" cellpadding="0">
									<tr>
										<td tid="">
											<div class="pic">
												<img src="img/back2.jpg"/>
												<div class="skintag isvip"></div>
											</div>
											<div class="blackglass"></div>
											<div class="picinfo">
												<p class="infoname">埃及金字塔</p>
												<p class="using">105115151人使用</p>
											</div>
										</td>
										<td tid=""></td>
										<td tid=""></td>
										<td tid=""></td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
				<div class="themebox_scenebtnbar">
					<div class="switchbox themebox_scenesex">
						<div class="switchleft switchbtn selected">男套装</div>
						<div class="switchright switchbtn">女套装</div>
						<div class="clear"></div>
					</div>
					<div class="scenebtn">更多场景秀</div>
					<a target="_blank" href="#">开通VIP会员可以免费使用全部场景秀</a>
				</div>
			</div><!---场景秀面板--->
			
			<!---多彩气泡页mod_bubble气泡/mod_text文本两种模式--->
			<div class="themebox_detail_bubble themebox_detail mod_text">
				<!--气泡模式时显示的选择框-->
				<div class="themebox_bubbleselect">
					<div class="themebox_bubbleselectcnt">
						<div class="themebox_bubbleselectpage">
							<table class="bubblebox_cnt"  cellspacing="0" cellpadding="0">
								<tr>
									<td tid="">
										<div class="pic">
											<img src="img/back2.jpg"/>
										</div>
										<div class="blackglass"></div>
										<div class="picinfo">
											<p class="infoname">埃及金字塔</p>
										</div>
										<div class="viptag"></div>
									</td>
									<td tid=""></td>
									<td tid=""></td>
									<td tid=""></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
				<!--文本模式时提示文本-->
				<div class="themebox_nonbubbletips"></div>
				<!--按钮bar-->
				<div class="themebox_bubblebtnbar">
					<div class="switchbox themebox_selectbubbleortext">
						<div class="switchleft switchbtn selected">气泡模式</div>
						<div class="switchright switchbtn">文本模式</div>
						<div class="clear"></div>
					</div>
					<p class="nonbubbletips">你的好友仍可显示你当前设置的气泡</p>
					<a target="_blank" href="#" class="bubblebtn">开通会员</a>
					<p>QQ会员尊享全部VIP气泡</p>
					<div class="clear"></div>
				</div>
			</div><!---多彩气泡页--->
			
			<!--界面管理页-->
			<div class="themebox_detail_ui themebox_detail">
				<div class="themebox_uibox">
					<div class="mainboardset themebox_setboard">
						<div class="themebox_settitle">显示在主面板</div>
						<div class="themebox_setcnt">
							<ul>
								<li><div class="ck checked disable"></div><div class="ico"><img src="img/mainpanel/icon_contacts_selected_Blue.png"/></div>联系人</li>
								<li><div class="ck checked disable"></div><div class="ico"><img src="img/mainpanel/icon_group_selected_Blue.png"/></div>群/讨论组</li>
								<li><div class="ck checked disable"></div><div class="ico"><img src="img/mainpanel/icon_last_selected_Blue.png"/></div>会话</li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/mainpanel/weather_icon_Blue.png"/></div>天气</li>
							</ul>
						</div>
					</div>
					<div class="myinfoset themebox_setboard">
						<div class="themebox_settitle">显示在个人信息区
							<div class="todown movebtn"><img src="img/mainpanel/panelcenter/downbtn.png"/>下移</div>
							<div class="toup movebtn disable"><img src="img/mainpanel/panelcenter/upbtn.png"/>上移</div>
							
						</div>
						<div class="themebox_setcnt theme_color_uid">
							<ul>
								<li class="selected"><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/16.png"/></div>QQ空间</li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/TencentNet.png"/></div>腾讯网迷你版</li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/35/icon.png"/></div>我的邮箱</li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/244/icon.png"/></div></li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/185/icon.png"/></div></li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/"/></div></li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/"/></div></li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/VasBizIcon/"/></div></li>
								<li><div class="ck checked"></div><div class="ico"><img src="img/mainpanel/panelcenter/areamainicon.png"/></div>界面管理器</li>
							</ul>
						</div>
					</div>
				</div>
			</div><!--界面管理页-->

		</div>

		<!--蒙版-->
		<div class="dispalyboard"></div>

</div>



<div class="themebox_subwindow themebox_setbox">
	<div class="themebox_subwindowbar">
		<div class="bar_color theme_color"></div>
			<div class="bar_content">
			<div class="themebox_barname"><img src="img/all_logo16-xp-2014.ico"/>设置</div>
			<div class="themebox_subwindowclose"></div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="themebox_subwindowcnt">
		<ul>
			<li class="showmyskin"><div class="ck"></div>向好友展示我的皮肤</li>
			<li class="usemyskin"><div class="ck"></div>默认显示自己的皮肤和QQ秀</li>
			<li class="covermode"><div class="ck disable"></div>主面板使用"封面"模式</li>
		</ul>
	</div>
	<div class="themebox_subwindowfoot theme_color">
		<div class="themebox_subwindowfootglass"></div>
		<div class="themebox_subwindowfootcnt">
			<div class="themebox_subwindowbutton themebox_subcancel">取消</div>
			<div class="themebox_subwindowbutton themebox_subconfirm">确定</div>
			<div class="clear"></div>
		</div>
	</div>
</div>


















<!--注册提示面板--->

<div class="reginboard">
	<!--注册条款-->
	<div class="reginitem">
		<div class="regintips">注册提示</div>
		<div class="reginmain">
			<div class="regintitle">请仔细阅读以下条款:</div>
			<div class="regincnt">
			<iframe src=""></iframe>
			</div>
		</div>
		<div class="reginbtn">
			<div class="notagree">不，我不同意</div>
			<div class="agree2go">同意并注册>>></div>
		</div>
	</div>
	
	<!--注册明细--->
	<div class="regindetail">
		<div class="regintitle">填写注册信息</div>
		<div class="reginbox">
			<form name="reginfm" class="reginfm">
			<table cellpadding="0" cellspacing="0">
				<tr>
					<td>昵称<input type="hidden" name="t" value="regin" /></td>
					<td><input type="text" name="nickname" class="input_err"/></td>
					<td class="nick_tips tips">
						<div class="warntips">请输入昵称</div>
					</td>
				</tr>
				<tr>
					<td>密码</td>
					<td><input type="text" name="pwd"/></td>
					<td class="pwd_tips tips">
						
						<div class="pwd_tips" id="pwd_tips">
							<div class="default" id="pwd_tip1">长度为6-16个字符</div>
							<div class="default" id="pwd_tip3">不能包含空格</div>
							<div class="default" id="pwd_tip2">不能是9位以下纯数字</div>
						</div>
						<div class="ranktips">
							<div id="password_pic" class="rankLow">中等</div>
							<div id="password_info" class="password_info">复杂度还行，再加强一下等级？</div>
							<!---密码强度好，请记牢/试试字母，数字，标点的组合吧--->
						</div>
					</td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td><input type="text" name="repwd"/></td>
					<td class="repwd_tips tips"></td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<div class="sex_box">
						<a name="male" id="sex_1" class="checked">男 <input type="radio" name="sex" value="male" class="sex_radio" checked/></a>
						<a name="female" id="sex_2">女<input type="radio" name="sex" class="sex_radio" value="female"/></a>
						</div>
					</td>
					<td class="sex_tips tips"></td>
				</tr>
				<tr>
					<td>生日</td>
					<td>
						<div class="year selectbox">
							<select name="year">
								
							</select>
						</div>
						<div class="month selectbox">
							<select name="month">
								<option value="1">1月</option>
								<option value="2">2月</option>
								<option value="3">3月</option>
								<option value="4">4月</option>
								<option value="5">5月</option>
								<option value="5">6月</option>
								<option value="7">7月</option>
								<option value="8">8月</option>
								<option value="9">9月</option>
								<option value="10">10月</option>
								<option value="11">11月</option>
								<option value="12">12月</option>
							</select>
						</div>
						<div class="day selectbox">
							<select name="day">
								
							</select>
						</div>
					</td>
					<td class="birth_tips tips"></td>
				</tr>
				<tr>
					<td>所在地</td>
					<td>
						<div class="country selectbox">
							<select name="country">
								<option value="">广州</option>
							</select>
						</div>
						<div class="province selectbox">
							<select name="province">
								<option value=""></option>
							</select>
						</div>
						<div class="city selectbox">
							<select name="city">
								<option value=""></option>
							</select>
						</div>
					</td>
					<td class="home_tips tips"></td>
				</tr>
				<tr>
					<td>邮箱账号</td>
					<td><input type="text" name="email"/></td>
					<td class="email_tips tips"></td>
				</tr>
				<tr class="validatecodebox">
					<td>验证码</td>
					<td class="vcbox">
						<input type="text" name="validatecode" class="input_err"/>
						<div class="validatecodeimg"></div>
					</td>
					<td class="valcode_tips tips">
						<div class='notice'>请输入图中字母，不区分大小写</div>
						<a name="change_validatecode" class="change_validatecode" title="点击换一张">点击换一张</a>
					</td>
				</tr>
			
			</table>
			</form>
		</div>
		<div class="reginbtn">
			<div class="stopregin stopdisable">不注册了</div>
			<div class="submitregin subdisable">提交注册</div>
		</div>
	</div>

	<!---注册后提示-->
	<div class="regincallback">
		<div class="tabtitle">提交注册提示</div>
		<div class="reginsuccess callbacktips">
			<div class="title">恭喜您提交注册信息成功,请牢记您的账号</div>
			<div class="account"></div>
			<div class="emailvalidate">您还需要<font color="red">验证邮箱</font>，才可以正常使用邮箱功能，验证邮件已经发到您的邮箱(<a class="usermail" href="javascript:;">425661254@qq.com</a>)，请您在30分钟内完成验证。<a class="gotoemail" href="javascript:;">立即前往邮箱>>></a></div>
			<p>*如果您已经完成邮箱验证，可以关闭本对话框*</p>
		</div>
		<div class="reginemailerr callbacktips">
			<div class="title">恭喜您提交注册信息成功,请牢记您的账号</div>
			<div class="account"></div>
			<div class="emailvalidate">但，由于<font color="red">系统原因</font>无法发送邮件，您可以<div class="send_validatamail regin_btn" uid="">手动发送验证邮件</div></div>
			<p>*如果您已经完成邮箱验证，可以关闭本对话框*</p>
		</div>
		<div class="reginadderr callbacktips">
			<div class="title">非常抱歉，注册信息提交失败</div>
			<div class="errortips">您可以返回重新填写注册信息</div>
			<div class="send_back2regin regin_btn">返回填写</div>
		</div>
		<div class="reginneterr callbacktips">
			<div class="title">抱歉，网络出错了</div>
			<div class="errortips">请检查网络再重试</div>
		</div>
		<div class="closeregin">关闭</div>
	</div>

</div>





















  <!--整体页-->
  <div id="all">
	<!--顶部提示页-->
	<div id="info"></div>

	<!--切换页面，暂时不用-->
	<div id="page1"></div>
	<div id="page2"></div>
	<div id="page3"></div>

	<!--聊天主面板-->
	<div id="chat">
		<div id="bar"></div>
		<!--正在聊天联系人面板-->
		<div id="chating">
			
		</div>
		<!--当前聊天面板-->
		<div class="cut_chat" >
		<div class="page">
			<div class="chat_top"></div>
			<div class="chat_box"></div>
			<div class="chat_input">
				<textarea class="input"></textarea>
				<div class="send">发送</div>
			</div>
			</div>
		</div>
		<!--聊天记录-->
		<div id="chat_log">
			
		</div>
	</div>

	<!--登录主面板-->
	<div class="mainboard">
		<!---第一层-->
		<div class="mainboardcolor theme_color_uid theme_bgimg_uid"></div>

		<!---第二层--->
		<div class="mainboardglass">
			<div class="mb_top"></div>
			<div class="mb_cen"></div>
			<div class="mb_foo"></div>
		</div>

		<!---第三层---->
		<div class="mainboardcontent">
				<!--滚动条--->
				<div id="grpscroll">
					<div class="main_scroll_arrow_up"></div>
					<div class="main_scrollframe"><div class="main_scrollbar"></div></div>
					<div class="main_scroll_arrow_down"></div>
				</div>

			<!--顶部总面板-->
			<div class="mainheadbox">
				<div id="mainbar">
					<img src="img/mainpanel/qqlogoCover.png"/>
					
					<div class="mainclose" title="关闭"></div>
					<div class="maintiny" title="最小化"></div>
					<div class="accprt" title="账号宝未开启，开启后账号防盗能力提升10倍"><img src="img/mainpanel/qqpcmgr/AccProt_disable.png"/></div>
					<div class="vipico" title="有未领取的勋章，领取后QQ聊天更安全快捷"></div>
					<div class="clear"></div>
				</div>
				<!--头部-->
				<div id="mainhead">
				<table class="mainheadframe">
				<tr>
				<td class="mh">
					<div class="myhead" title="个人资料完整度27%，完善个人资料">
						<div class="img"><img src="img/head/181_100.gif"/></div>
						<!--右击头像设置选择框-->
						<ul class="mainhead_setboard">
							<li class="editmyintro"><a href="javascript:;" onClick="editmyintro(uid)">修改个人资料</a></li>
							<li class="changehead"><a href="javascript:;" onClick="changehead(uid)">更换头像</a></li>
							<li class="syssetting"><a href="javascript:;" onClick="syssetting(uid)">系统设置</a></li>
						</ul>

					</div>
				</td>
				<td class="mi">
					<div class="myinfo">
						<div class="info">
							<div class="myname">这是一个QQ</div>
							<div class="mystatus" statuscode="on_1" title="在线状态菜单&#10当前状态:我在线上&#10声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img class="statusselect_img" src="img/status/flag/big/imonline.png"/><img src="img/mainpanel/MainPanel_FolderNode_expandTextureHighlight.png"/></div>
							<div class="mylv">
								<div class="mylvbox" title="我的Q等级&#10 等级:1级&#10 剩余升级天数:6天">
								<div class="lvimg"><img src="img/mainpanel/lv.png"/></div>
								<div class="lvnum"><img id="lvnumimg" src="img/mainpanel/levelvalue.png"/></div>
								</div>
							</div>
							<div class="mysign">编辑个性签名</div>
						</div>

						<div class="mytools">
							
							<img src="img/VasBizIcon/16.png"/>
							<img src="img/VasBizIcon/TencentNet.png"/>
						<img src="img/VasBizIcon/34/icon.png"/>
						<img src="img/VasBizIcon/35/icon.png"/>
						<img src="img/VasBizIcon/244/icon.png"/>
						<img src="img/VasBizIcon/185/icon.png"/>

						<img src="img/mainpanel/all_arrow_out.png" class="allow_out"/>

						<img src="img/VasBizIcon/116/icon.png"/>
						<img src="img/VasBizIcon/84/icon.png"/>
						<img src="img/VasBizIcon/42/icon.png"/>
						<img src="img/VasBizIcon/8/0.png"/>
						<img src="img/VasBizIcon/27/icon.png"/>
						</div>

					</div>
				</td>
				<td class="wtm">
						<div class="weatherico"><img src="img/sun_48.png"/></div>
						<div class="them_msg">
							<div class="them_btn" title="更改外观"></div>
							<div class="msgbox_btn" title="打开消息盒子"></div>
						</div>
				</td>
				</tr>
				</table>

				</div>

				<div class="mainsearchbar" title="输入QQ号码，姓名/昵称，拼音，Email查找&#10联系人,还可以通过完整的QQ号码查找陌生&#10人">
					<!--搜索框-->
					<div class="masbar">
						<div class="searchtips">搜索&nbsp;:&nbsp;联系人,&nbsp;&nbsp;讨论组,&nbsp;&nbsp;群,&nbsp;&nbsp;企业</div>
						<img src="img/mainpanel/search_icon.png"/>	
						<div class="clear"></div>
					</div>
					<!--搜索框底部颜色版-->
					<div class="searchshadow"></div>
				</div>
			</div>		


			<!---中部内容面板--->
			<div class="mainfriend">
				<div class="frdpage">
					<div class="icopage">

						<div class="pagetab pageico_last" title="会话">
							<div class="pagetabcnt down" id="">
								<div class="tabimg"></div>
								
								<div class="more"></div>
							</div>
						</div>
						<div class="pagetab pageico_contacts" title="联系人">
							<div class="pagetabcnt normal">
								<div class="tabimg"></div>
								
								<div class="more"></div>
							</div>
						</div>

						<div class="pagetab pageico_group" title="群/讨论组">
							<div class="pagetabcnt normal">
								<div class="tabimg"></div>
								
								<div class="more"></div>
							</div>
						</div>

						<div class="pagetab pageico_zone" title="QQ空间-特别关心">
							<div class="pagetabcnt normal">
								<div class="tabimg"></div>
								
								
							</div>
						</div>
						
						<div class="pagetab pageico_tclass" title="腾讯课堂">
							<div class="pagetabcnt normal">
								<div class="tabimg"></div>
					
								
							</div>
							
						</div>
						<div class="pagetab pageico_phone" title="我的手机">
							<div class="pagetabcnt normal">
								<div class="tabimg"></div>
								
								
							</div>
						</div>

					</div>
					<div class="icopagebg"></div>
					<div class="icopagecolor"></div>

				</div>

				<!--好友列表--->
				<div class="ico_contacts" id="ico_contacts_num">
					<div class="contacts_cnt">
						<div class="contacts_page"><!---滚动页--->
						
							<div class='groups' id="frdgrp_2">
								<div class="grphead">
									<div class="grp_putdown"><img src="img/mainpanel/0.png"/></div>
									<div class="grpname">我的设备</div>
									<div class="frdsum">1/1</div>
									<div class="clear"></div>
								</div>

								<div class="frdcontent">

										<div class='fds normal fds_offline' id="f2">
												<div class="imagehead"><img src="img/head/65.png"/><div class="frdolflag"></div></div>
												<div class="frdmore">2G</div>
												<div class="detail">
													<div class="frdname">QQ机器人</div>
													<div class="frdnew">QQ机器人出新版啦，赶快下班，还等什么！！！进修今天哦！</div>
												</div>
												
										</div>

										<div class='fds normal fds_online'>
												<div class="imagehead"><img src="img/head/65.png"/><div class="frdolflag frdbusy"></div></div>
												<div class="frdmore">wifi</div>
												<div class="detail">
													<div class="frdname">小狗doger</div>
													<div class="frdnew">汪汪汪~</div>
												</div>
												
										</div>

										<div class='fds normal fds_online'>
												<div class="imagehead"><img src="img/head/56.png"/><div class="frdolflag frdmute"></div></div>
												<div class="frdmore">3G</div>
												<div class="detail">
													<div class="frdname">没去里约的小麻雀</div>
													<div class="frdnew">叽叽叽，我不是鸡鸡鸡~</div>
												</div>
												
										</div>
									
								</div>
							</div>

					
	
						</div><!---滚动页结束--->
					</div>
					
				</div><!--好友列表结束--->

				<!--最近联系列表--->
				<div id="ico_last_num" class="ico_last">
					<div class="lastcnt">
					

							<div class='lastfds lastfds_offline' id="lastfds_1">
									<div class="imagehead"><img src="img/head/65.png"/><div class="frdolflag"></div></div>
									
									<div class="lastmore">
										<div class="lasttime">2014-12-12</div>
										<div class="lastmsgnum">10</div>
									</div>
									<div class="detail">
										<div class="lastname">QQ机器人awddddd</div>
										<div class="lastmsg">QQ机器人出新版啦，赶快下班，还等什么！！！进修今天哦！</div>
									</div>
							</div>

							<div class='lastfds lastfds_online'>
									<div class="imagehead"><img src="img/head/65.png"/><div class="frdolflag frdbusy"></div></div>
									
									<div class="lastmore">
										<div class="lasttime">7-15</div>
										<div class="lastmsgnum">3</div>
									</div>
									<div class="detail">
										<div class="lastname">小狗doger</div>
										<div class="lastmsg">汪汪汪~</div>
									</div>
							</div>

							<div class='lastfds lastfds_online'>
									<div class="imagehead"><img src="img/head/56.png"/></div>
									
									<div class="lastmore">
										<div class="lasttime">6-26</div>
										<div class="lastmsgnum">999+</div>
									</div>
									<div class="detail">
										<div class="lastname">没去里约的小麻雀</div>
										<div class="lastmsg">叽叽叽，我不是鸡鸡鸡~</div>
									</div>
							</div>

					</div>
				</div>

			<!---群列表--->
			<div id="ico_group_num" class="ico_group">
					<div class="grptalkpage">
						<div class="mygrptalk">QQ群</div>
						<div class="mydiscus">讨论组</div>
						<div class="grpliveroom">直播间</div>
						<div class="grpweb"><img src="img/mainpanel/home.png"/></div>
						<div class="creategrpbtn">创建<img src="img/mainpanel/MainPanel_FolderNode_expandTextureHighlight.png"/></div>
						<div class="clear"></div>
					</div>
					
						
					<div id="page_grptalk">
						<div class='grptalksub'>
							<div class="grptalkhead">
								<div class="grptalk_putdown"><img src="img/mainpanel/0.png"/></div>
								<div class="subgroupname">我的QQ群</div>
								<div class="subgroupsum">25</div>
								<div class="clear"></div>
							</div>

							<div class="grptalkcnt">
				

									<div class='grptalk normal'>
											<div class="imagehead"><img src="img/head/56.png"/></div>
											
											<div class="grpmail">mail</div>
											<div class="detail">
												<div class="grpdetail">
													<div class="grpname">没去里约的小麻雀</div>
													<div class="msgnum">3</div>
												</div>
												<div class="grplast"></div>
											</div>
											<div class="clear"></div>
									</div>

									<div class='grptalk big'>
											<div class="imagehead"><img src="img/head/65.png"/></div>
											
											<div class="grpmail">mail</div>
											<div class="detail">
												<div class="grpdetail">
													<div class="grpname">QQ机器人</div>
													<div class="msgnum">999+</div>
												</div>
												<div class="grplast">op:今天发枪，谁来玩的，今晚7点集合，过时不能进服务器</div>
											</div>
											<div class="clear"></div>
									</div>

									<div class='grptalk normal'>
											<div class="imagehead"><img src="img/head/65.png"/></div>
											
											<div class="grpmail">mail</div>
											<div class="detail">
												<div class="grpdetail">
													<div class="grpname">小狗doger</div>
													<div class="msgnum">169</div>
												</div>
												<div class="grplast"></div>
											</div>
											<div class="clear"></div>
									</div>

									<div class='grptalk normal'>
											<div class="imagehead"><img src="img/head/56.png"/></div>
											
											<div class="grpmail">mail</div>
											<div class="detail">
												<div class="grpdetail">
													<div class="grpname">没去里约的小麻雀hahahahahahahhahaha</div>
													<div class="msgnum">7</div>
												</div>
												<div class="grplast"></div>
											</div>
											<div class="clear"></div>
									</div>
								
							</div>
						</div>



					</div><!---page_grptalk-->

					<div id="page_discus">

						<div class='discussub'>
							<div class="discushead">
								<div class="discus_putdown"><img src="img/mainpanel/0.png"/></div>
								<div class="subdiscusname">讨论组</div>
								<div class="subdiscussum">7</div>
								<div class="clear"></div>
							</div>

							<div class="discuscnt">
								
									

									<div class='discus big'>
											<div class="imagehead"><img src="img/mainpanel/isx.png"/></div>
											
											<div class="lastmore">
												<div class="lasttime">2014-6-26</div>
												<div class="msgnum">999+</div>
											</div>
											<div class="detail">
												<div class="discusdetail">
													<div class="discusname">没去里约的小麻雀adw111</div>
													<div class="discusnum">(6人)</div>
													<div class="clear"></div>
												</div>
												<div class="discuslast">辣椒:wodiao</div>
											</div>
											<div class="clear"></div>
									</div>

									<div class='discus normal'>
											<div class="imagehead"><img src="img/mainpanel/isx.png"/></div>
											
											<div class="lastmore">
												<div class="lasttime">6-26</div>
												<div class="msgnum">999+</div>
											</div>
											<div class="detail">
												<div class="discusdetail">
													<div class="discusname">没去里约的小麻雀awda1</div>
													<div class="discusnum">(6人)</div>
													<div class="clear"></div>
												</div>
												<div class="discuslast">辣椒哥:上次去吃的哪里是什么地方？</div>
											</div>
											<div class="clear"></div>
									</div>


							</div>

						</div>
					
					
					</div><!--page_discus-->
					
					<div id="page_liveroom">
					
					
					
					</div><!--page_liveroom-->
					

		
					
				</div>
			<!--群列表结束---->
			</div>
			<!--列表内容结束-->
				
			
			
			<!---底部工具面板--->
			<div class="maintools">
				<!--<div id="addfrd">+添加</div><div id="addset">设置</div>-->
				<div class="mainapp">
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1022/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1002/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1004/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1005/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1003/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/10004/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1021/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1007/16.png"/></div>
					<div id="" class="appico"><img src="img/mainpanel/appcenter/AppIcon/1008/16.png"/></div>


					<div id="appmarket_btn" title="打开应用管理器"></div>
				</div>



				<div class="mainset">
					<div id="mainmenu" class="set1" title="主菜单"></div>
					<div id="mainsetting" class="set2" title="打开系统设置"></div>
					<div id="mainmsgmgr" class="set3" title="打开消息管理器"></div>
					<div id="mainfilemgr" class="set4" title="打开文件助手"></div>
					<div id="maincollection" class="set5" title="打开我的收藏"></div>
					<div id="mainfind" class="set6" title="找人,找群,找服务">查找</div>
					<div id="appbox" title="打开应用宝"><div class="appboximg"></div>应用宝</div>
				</div>
			</div>

		</div>
		<!--第三层结束--->


		<!--在线状态及工具快速设置盒子-->
		<div class="statusbox">
			<ul	class="statuslist">
				<li class="on_1" title="表示希望好友看到您在线&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/big/imonline.png"/>我在线上</li>
				<li class="on_2" title="表示希望好友主动联系您&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:自动弹出会话窗口"><img src="img/status/flag/big/Qme.png"/>Q我吧</li>
				<li class="le_1" title="表示离开，暂时无法处理消息&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/big/away.png"/>离开</li>
				<li class="le_2" title="表示忙碌，无法处理消息&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏显示气泡"><img src="img/status/flag/big/busy.png"/>忙碌</li>
				<li class="le_3" title="表示不想被打扰&#10;声音:关闭&#10;消息提示框:关闭&#10;会话消息:任务栏显示气泡"><img src="img/status/flag/big/mute.png"/>请勿打扰</li>
				<li class="tr_1" title="表示好友看到您是离线的&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/big/invisible.png"/>隐身</li>
				<li class="of_1" title="断开与服务器的连接"><img src="img/status/flag/big/imoffline.png"/>离线</li>
				<li class="addstatus">添加状态信息</li>
			</ul>
			<ul class="mute">
				<li class="closeallsound">关闭所有声音</li>
				<li class="closeheadflash">关闭头像闪动</li>
			</ul>
			<ul class="lock">
				<li class="lockqq"><img src="img/status/flag/big/invisible.png"/>锁定QQ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ctrl+Alt+L</li>
			</ul>
			<ul class="tools">
				<li class="setting">系统设置...</li>
				<li class="myinfo">我的资料...</li>
				<li class="myqqcenter">我的QQ中心</li>
			</ul>
		</div>
	
	</div><!--主面板结束--->

		
	<!--底部状态栏-->
	<div id="foot_status"></div>

  </div>
  <!--好友添加面板-->
	<div id="addboard">

		<div id="addbar">
			<div class="tiny">-</div>
			<div class="close" alt="关闭面板">X</div>
			<div class="clear"></div>
		</div>

		<div class="forg">
			<div class="f">找人</div>
			<div class="fline"></div>
			<div class="g">找群</div>
			<div class="clear"></div>
		</div>
		<!--查找添加好友-->
		<div class="tabf" id="tabf">
			<div class="cdn">
				<input type="text" id="sfrd" value="输入好友账号，昵称等条件查找"/>
				<div class="search" id="searchfrd">查找</div>
				<div class="clear"></div>
			</div>

			<div class="find">

				<div class="fcard" id="add12">
					<div class="img">头像</div>
					<div class="name">辣椒哥</div>
					<div class="info">男 广东 广州</div>
					<div class="addbtn">+添加</div>
				</div>
				
			
			</div>
		</div>

		<!--查找添加群-->
		<div class="tabg" id="tabg" style="display:none;">
			<div class="cdn">
				<input type="text" id="sgrp" value="输入群账号，群名称等条件查找"/>
				<div class="search" id="searchgrp">查找</div>
				<div class="clear"></div>
			</div>
			<div class="find">
				<div class="left"></div>
				<div class="right">

					<div class="gcard" id="g12">
						<div class="img">头像</div>
						<div class="name">无聊3人组</div>
						<div class="info">同学/同事</div>
						<div class="num">3人 3/100</div>
						<div class="addbtn">+加群</div>
					</div>
					
				</div>
			</div>
		</div>
		


	</div>


<div class="addfrdbox">
	<div class="addfrdbar theme_color">
		<div class="addfrdbarname"><img src="img/all_logo16-xp-2014.ico"/> 辣椒哥&nbsp;-&nbsp;添加好友</div>
		<div class="addfrdclose"></div>
		<div class="addfrdtiny"></div>
		<div class="clear"></div>
	</div>

	<!---中部内容框--->
	<div class="addfrdcntboard">
		
		<!---左侧待添加好友信息--->
		<div class="readyaddwho theme_color">
			<div class="readyaddwhite"></div>
			<div class="readyaddcolor">
				<div class="readyaddcolor1"></div>
				<div class="readyaddcolor2"></div>
			</div>

			<div class="useraddmsg">
				<div class="addimghead"><img src="img/head/102.png"/></div>
				<div class="adddetail">
					<ul>
						<li class="b">叉烧包是爱你的哈哈哈哈</li>
						<li class="black">wanna42566</li>
						<li class="light">性别:-</li>
						<li class="light">年龄:22岁</li>
						<li class="light">所在地：--</li>
					</ul>	
				</div>
			</div>

			<div class="clear"></div>
		</div><!---左侧待添加好友信息结束--->
		

		<!---右侧验证内容栏--->
		<div class="add_operation">
			<!--加载中图片-->
			<div class="loadingtips1 valctrl"></div>
			<!---加载失败提示-->
			<div class="validate_fail valctrl"><div class="failtips"></div><div class="reget_validate">重新加载</div></div>

		<!--3种验证方式----------------------------------------------->

			<!--0，直接跳到addset-->

			<!--1输入验证信息-->
			<div class="validate1 valctrl">
				<p>请输入验证信息:</p>
				<textarea>我是</textarea>
			</div>

			<!--2回答正确问题-->
			<div class="validate2 valctrl">
				<p>对方需要您回答一下验证问题:</p>
				<div class="question_only">我学校的名字?</div>
				<input type="text"/>
				<div class="isright">回答错误哦</div>
			</div>

			<!--3回答多个问题-->
			<div class="validate3 valctrl">
				<p>对方需要您回答N个验证问题:</p>
				<ul>
					<li>
						问题一:&nbsp;&nbsp;我学校的名字?
						<input type="text" name='an1'/>
					</li>
					<li>
						问题二:&nbsp;&nbsp;我爸的名字?
						<input type="text" name='an2'/>
					</li>
					<li>
						问题三:&nbsp;&nbsp;我妈的名字?
						<input type="text" name='an3'/>
					</li>

				</ul>
			
			</div>
		<!--验证结束----------------------------------------------->
			
		<!--验证后设置添加信息-------------------------------------->
			<div class="addset valctrl">
				<div class="bakname">备注姓名:&nbsp;<input type="text" value="选填"/></div>
				<div class="togrp">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;组:
					<span class="addfrdselectgrp">
						<select name="selectgrp">
							<option value="0">默认分组</option>
							<option value="0">默认分组</option>
							<option value="0">默认分组</option>
							<option value="0">默认分组</option>
						</select>
					</span>
					<a href="javascript:addgrp();">新建分组</a></div>
				<div class="acc_or_not"><div class="addset_checkbox checked" value="not_allow_acc_space"></div>不允许此人访问我的空间</div>
				<div class="sendaddmsgloading"><img src="img/AddGroup/loading2.gif"/>正在添加好友</div>
			</div>
		<!--信息添加结束--------------------------------------------->


		<!--等待添加结果--------------------------------------------->
			<div class="waitaddresult valctrl">
				<div class="doneaddmsg">
					<img src="img/AddGroup/success.png"/>
					<!--您已向<font>叉烧包是爱你</font>发送添加好友请求，请耐心等待回复-->
					您的好友添加请求已经发送成功，正在等待对方确认。
				</div>
				<div class="newfrds">
					<div class="headtool">
						<div class="title">您可能还认识这些人:</div>
						<div class="switchnew">换一批</div>
					</div>
					<div class="new4frd">
						<ul>
							<li class="fid">
								<div class="newimghead"><img src="img/user48.png"/></div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead">根据头像大小判断margin</div>
								<div class="newfrdname">新朋友就是我啊哈哈</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead"><img src="img/user48.png"/></div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead">头像小于等于60*60</div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
						</ul>
					</div>
				
				</div>
			</div>
		<!--结束等待添加结果-------------------------------------------->


		<!--成功添加-------------------------------------------------->

			<div class="addfrdsuccess valctrl">
				<div class="doneaddmsg">
					<img src="img/AddGroup/success.png"/>
					您已成功添加<font>叉烧包是爱你</font>为好友
				</div>
				<div class="newfrds">
					<div class="headtool">
						<div class="title">您可能还认识这些人:</div>
						<div class="switchnew">换一批</div>
					</div>
					<div class="new4frd">
						<ul>
							<li class="fid">
								<div class="newimghead"><img src="img/user48.png"/></div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead">根据头像大小判断margin</div>
								<div class="newfrdname">新朋友就是我啊哈哈</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead"><img src="img/user48.png"/></div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
							<li class="fid">
								<div class="newimghead">头像小于等于60*60</div>
								<div class="newfrdname">新朋友</div>
								<div class="newaddbtn"><font>+</font>加好友</div>
							</li>
						</ul>
					</div>
				
				</div>
			</div>
		<!--结束成功添加----------------------------------------------------->

		</div><!---右侧验证内容栏结束--->

	</div><!--中部内容框结束-->

	<div class="gotoaddfrd theme_color">
		<div class="gotoaddfrdwhite"></div>
		<div class="gotoaddfrdcnt validating/validating_set/doneadd">
			<div class="donebtn">完成</div>
			<div class="closebtn">关闭</div>
			<div class="cancelbtn">取消</div>
			<div class="nextbtn selectbtn">下一步</div>	
		</div>
	</div>
	
</div>

<div class="addgrpbox">
	<div class="addgrpbar theme_color">
		<div class="addgrpbarname"><img src="img/all_logo16-xp-2014.ico"/>好友分组</div>
		<div class="addgrpclose"></div>
	</div>
	<div class="grpcontent">
		<p>分组名称:</p>
		<input type="text"/>
	</div>
	<div class="gotoaddgrp theme_color">
		<div class="gotoaddgrpwhite"></div>
		<div class="gotoaddgrpcnt">
		<div class="addgrpcancelbtn">取消</div>
		<div class="addgrpacceptbtn disable">确定</div>
		</div>
	</div>

</div>





<!---------------------消息盒子--------------------------------------------->
<div class="msgbox">
		<div class="msgboxbar">
			<div class="usernick">这是一个QQ</div>
			<div class="msgboxset">
				<!--<img src="img/setting_16.png"/>
				<img src="img/down16.png"/>-->
				
			</div>
			<div class="clear"></div>
		</div>

		<ul id="msgboxlist">
			<!--<li>刑法交流群(196)</li><li>群消息</li>-->

			<li>
				<div class="frdhead">
					<img src="img/userhead1_32.png"/>
				</div>
				<div class="newcnt">
					<div class="frdname">婉芝工作</div>
					<div class="cnt">晚上出去吃饭哦</div>
				</div>
				<div class="newnum">
					<div class="numcnt">1</div>
					<div class="cantsee"><img src="img/informationbox/IgnoreMessageIcon.png"/></div>
				</div>
			</li>

			<li>
				<div class="frdhead">
					<img src="img/userhead2_32.png"/>
				</div>
				<div class="newcnt">
					<div class="frdname">妹妹</div>
					<div class="cnt">哥你得闲帮我刷下台机，好卡啊</div>
				</div>
				<div class="newnum">
					<div class="numcnt">223</div>
					<div class="cantsee"><img src="img/informationbox/IgnoreMessageIcon.png"/></div>
				</div>
			</li>

			<li>
				<div class="syshead">
					<img src="img/qqico_16.png"/>
				</div>
				<div class="syscnt">
					辣椒哥哥请求添加您为好友
				</div>
				<div class="newnum">
					<div class="cantsee"><img src="img/informationbox/IgnoreMessageIcon.png"/></div>
				</div>
			</li>

		</ul>

		<div class="msgboxbottom">
			<div class="ignoreall">忽略全部</div>
			<div class="viewall">查看全部</div>
			<div class="clear"></div>
		</div>

	</div>

	<div id="msgboxsetting">
		<ul>
			<li id="closeflash">关闭头像闪动</li>
			<li id="closecnt">不显示会话内容</li>
			<li id="remindset">设置会话消息提醒</li>
		</ul>
	</div>



<!--登录框--->
<div id="loginbox">
	<div class="logintop">
		<!--html5特效-->
		<div id="container">
			<div id="anitOut"></div>
		</div>

		<div class="loginbar">
			
			<div class="close" title="关闭"></div>
			<div class="tiny" title="最小化"></div>
			<div class="set" title="设置"></div>
		</div>
		<div class="loginico">QQ</div>
	</div>

	<!--主登录框--->
	<div class="logincnt">
		<div class="logininput">
			<!--78*78头像-->
			<div class="imghead80"><img src="img/userhead5_80.jpg" />
				<div id="userstatus" class="on_1" title="在线状态:我在线上"></div>	
			</div>

			<div class="io">
				<div class="account">
					<input type="text" class="accdefinput" value="QQ号码/手机/邮箱"/>
					<div class="others"></div>
				</div>
				<div class="pwd">
					<input type="text" class="accdefinput" value="密码"/>
					<div class="keyboard" title="打开软键盘"><div class="kbimg"></div></div>
				</div>
				<div id="morecheck">
					<div class="le checkboxcnt">
					<div class="checkbox" id="rempwd"><div class="ckimg"></div></div>记住密码
					</div>
					<div class="ri checkboxcnt">
					<div class="checkbox" id="autolog"><div class="ckimg"></div></div>自动登录
					</div>
				</div>
			</div>
			<div class="oper">
				<a href="regin.html">注册账号</a>
				<a href="findpwd.html">找回密码</a>
			</div>
			<div id="addaccbtn">
				<img src="img/loginpanel/add_hover.png"/>添加QQ账号
			</div>
		</div>


		<div class="loginselect">
			<div class="le">
				<div class="addacc" id="addacc" title="多帐号登录"></div>
			</div>
			<div class="cen" id="loginbtn">登&nbsp;&nbsp;录</div>
			<div class="ri">
				<div class="qrcode" title="二维码登录"></div>
			</div>
			<div class="clear"></div>
		</div>
		
	</div>
	<!--主登录框结束-->

	<!--账号不存在错误--->
		<div class="accerr" id="accerr">
			<div class="accerrimg"><img src="img/loginpanel/i.png"/></div>
			<div class="accerrcnt">
				您输入的账号不存在，请确认后再重新输入。<br/>
				如果您的账号为非大陆账号，请在号码前输入"00"+"地区码"。<br/>
				(错误码:0x0000004e)
			</div>
			<div class="accerrtiny"><div class="accerrtinyimg"></div></div>
			<div class="clear"></div>
		</div>

		<!---二维码登录--->
		<div class="qrloginpanel overpanel">
			<div class="qrtips">用<a href="#">QQ手机版</a>扫描二维码安全登录。<a href="#">手机丢失?</a></div>
			<div class="qrcodeimg"></div>
			<div class="back2login">返&nbsp;&nbsp;回</div>
		</div>

		<!---密码错误页--->
		<div class="pwderr_panel overpanel">
			<div class="errorpanel">
				<div class="left"><img src="img/Safe/main_QQdoctortip36_attention.png" /></div>
				<div class="right">
					<p>您输入的密码不正确，原因可能是：<br/>
					忘记密码；账号输入有误；<br/>
					未区分字母大小写；未开启小键盘。<br/>
					</p>
					<p>如果您的密码丢失或遗忘，可<a href="javascript:;" id="findpwd_panela">找回密码</a>。</p>
					<p>提示：某些木马或病毒也会导致密码验证错误，查找更多原因和解决方案请<a href="javascript:;" target="_blank">点击这里</a>。</p>
					<p>如果您的账号为非大陆账号，请<a href="javascript:;">点击这里</a>进行登录。</p>
				</div>
			</div>
			<div class="panelbottombar">
				<div class="bottombarwhite"></div>
				<div class="btncnt"><div class="acceptbtn">确定</div></div>
			</div>
		</div>
		<!--邮箱未验证提示页-->
		<div class="mailnovalidate_panel overpanel">
			<div class="errorpanel">
				<div class="left"><img src="img/Safe/main_QQdoctortip36_infor.png" /></div>
				<div class="right">
					<p>抱歉！您的邮箱还未验证，<br/>验证后才可以使用邮箱账号登录。</p>
					<p>您可以点击<a href="javascript:;" id="resendmail_panela">重新发送验证邮件</a>，重新验证您的邮箱账号。</p>
					<p class="alreadysendmail_tips">*邮件已发送，请查收*</p>
					<p>重新发送验证邮件后，您可以<a href="javascript:;" id="gotomail_panela">点击这里</a>登录您的邮箱查看。</p>
					<p>完成验证后即可使用邮箱账号登录。</p>
				</div>
			</div>
			<div class="panelbottombar">
				<div class="bottombarwhite"></div>
				<div class="btncnt"><div class="acceptbtn">确定</div></div>
			</div>
		</div>
		
		<!--找回密码页--->
		<div class="findpwd_panel overpanel">
			<div class="errorpanel">
				<div class="left"><img src="img/Safe/main_QQdoctortip36_infor.png" /></div>
				<div class="right">
					<p class="title">找回密码</p>
					<div class="findinputbox"><input type="text" class="findpwd_account" value="填写您的账号"/><div class="account_tips findpwd_tips">账号不存在</div></div>
					<div class="findinputbox"><input type="text" class="findpwd_email" value="填写您的注册邮箱"/><div class="email_tips findpwd_tips">邮箱未注册</div></div>
					<div class="sendavalidatemail disable">重新发送(60)秒</div>
					<p class="forwardtomail">邮件发送成功,<a href="" target="_blank">前往我的邮箱查看>>></a></p>
				</div>
			</div>
			<div class="panelbottombar">
				<div class="bottombarwhite"></div>
				<div class="btncnt"><div class="acceptbtn">确定</div></div>
			</div>
		</div>

		<!--删除用户信息确认页-->
		<div class="delaccount_panel overpanel">
			<div class="errorpanel">
				<div class="left downer"><img src="img/Safe/sysmessagebox_warningFile.png" /></div>
				<div class="right">
					<p class="deltitle">删除账号</p>
					<ul class="delaccount_type">
						<li class="del_onlyaccount"><div class="ck selected"></div>从列表中删除此账号</li>
						<li class="del_accountall"><div class="ck"></div>删除此账号的所有记录文件
							<p class="cktips">此操作会删除该账号所有记录文件(包括聊天记录等)，请谨慎操作。<p>
						</li>
					</ul>
				</div>
			</div>
			<div class="panelbottombar">
				<div class="bottombarwhite"></div>
				<div class="btncnt"><div class="cancelbtn">取消</div><div class="acceptbtn">确定</div></div>
			</div>
		</div>


		<!--登录框在线状态选择-->
		<div id="statuslist">
			<ul	class="onl">
				<li id="on_1" title="表示希望好友看到您在线&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/self/imonline.png"/>我在线上</li>
				<li id="on_2" title="表示希望好友主动联系您&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:自动弹出会话窗口"><img src="img/status/flag/self/Qme.png"/>Q我吧</li>
			</ul>
			<ul class="leave">
				<li id="le_1" title="表示离开，暂时无法处理消息&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/self/away.png"/>离开</li>
				<li id="le_2" title="表示忙碌，无法处理消息&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏显示气泡"><img src="img/status/flag/self/busy.png"/>忙碌</li>
				<li id="le_3" title="表示不想被打扰&#10;声音:关闭&#10;消息提示框:关闭&#10;会话消息:任务栏显示气泡"><img src="img/status/flag/self/mute.png"/>请勿打扰</li>
			</ul>
			<ul class="tran">
				<li id="tr_1" title="表示好友看到您是离线的&#10;声音:开启&#10;消息提示框:开启&#10;会话消息:任务栏头像闪动"><img src="img/status/flag/self/invisible.png"/>隐身</li>
			</ul>
		</div>

		<!---账号选择--->
		<div id="selectacc">
			<ul class="accs">
				<li class="normal">
					<div class="acchead"><img src="img/head/26.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li class="middle">
					<div class="acchead"><img src="img/head/23.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li id="" class="big">
					<div class="acchead"><img src="img/head/3.png"/></div>
					<div class="accmsg">
						<div class="accname">keywwwwwwwwwwwwwwwwwwwwwwwwwwww</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li class="middle">
					<div class="acchead"><img src="img/head/23.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li class="normal">
					<div class="acchead"><img src="img/head/26.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li class="normal">
					<div class="acchead"><img src="img/head/26.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
				<li class="normal">
					<div class="acchead"><img src="img/head/26.png"/></div>
					<div class="accmsg">
						<div class="accname">key</div>
						<div class="accnum">8794574252</div>
					</div>
					<div class="delacc"><div class="delimg" title="删除账号信息"></div></div>
					
				</li>
			</ul>
		</div>
</div>




<div id="qqex"></div>



<!--聊天框--->

<!---mode_search搜索(要设置),mode_msghistroy消息记录(要设置->后面不用设置),mode_senceshow场景秀,mode_imagecard形象卡,mode_grpinfo群详细信息,并列class chatbig最大---->


<!---2015/11/24更新，open_chatright开启右侧聊天记录，搜索等功能，不添加时关闭，chatbig最大化聊天框 不用时普通尺寸,temphide隐藏右侧栏---->
<div class="chatframe open_chatright  ">

	<div class="chatcolor"></div>
	<div class="chatbg">

		<div class="chatbghead"></div>
		<div class="chatbgcnt">
			<div class="chatbgleft"></div>
			<div class="chatbgright"></div>
		</div>

	</div>

		<div class="recentface">
			<table class="recentfacebox" border="0" cellspacing="0" cellpadding="0">
				<tr>
				<td><img src="img/Face/0.gif"/></td>
				<td><img src="img/Face/1.gif"/></td>
				<td><img src="img/Face/2.gif"/></td>
				<td></td>
				</tr>
				<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				</tr>
				<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				</tr>
			</table>
			<div class="recentfacetitle">历史使用过的表情</div>
		</div>

		<div class="facebox">
		
		
		</div>



	<div class="chatboard">

		<div class="chathead">
			<div class="chatheadleft">
				<div class="frdmsg">
					<div class="frddetail">
						<div class="imghead"><img src="img/wanna.jpg"/><div class='frdolflag frdaway'></div></div>
						<div class="detail">
							<div class="frdnw">
								<div class="frdname">辣椒哥</div>
								<div class="writing">正在输入...</div>
								<div class="clear"></div>
							</div>
							<div class="frdnew"><img src="img/chatframe/aio_icon_qzone_16.png" title="进入QQ空间"/><font>以行践言<span>个性签名更新:以行践言&#10;<br/><a href="#">评论</a></span></font></div>
						</div>
					</div>
				</div>
				<div class="chattools">
					<div class="toolsbar">
						
						<!--
						<div class="audio ctools" title="开始语音通话"></div>
						<div class="video ctools" title="开始视频通话"></div>
						<div class="remote ctools" title="远程演示"></div>
						<div class="files ctools" title="传说文件"></div>
						<div class="remotectrl ctools" title="远程桌面"></div>
						-->
						<div class="adddiscus ctools" title="创建讨论组"></div>
						<div class="moreapp ctools" title="应用"></div>
					</div>
				</div>
			</div>
			<div class="chatheadright">
				<div class="chatcustombutton">
					<div class="chatclose" title="关闭"></div>
					<div class="chatmax" title="最大化"></div>
					<div class="chatmin" title="还原"></div>
					<div class="chattiny" title="最小化"></div>
					<div class="chatmoreset" title="窗口设置"></div>
				</div>
				<div class="chatheadadv"><img src="img/"/></div>
			</div>
		</div>
		<div class="chatcontent">
		<!--右则总内容-->
		<div class="chatright">
			<!--右侧总内容框-->
			<div class="chatrightcnt">
				<!---右侧广告板--->
				<div class="chatrightadv">
					
				</div>
				<!---右侧功能板 添加页面class可以选择chatright_content内显示的内容(page_msghistroy/page_searchmsg)-->
				<div class="chatrightbox page_msghistroy">
					<div class="chatright_tabbar">
						<div class="chatright_tabbtn msghistroy">消息记录<div class="chattab_close" title="关闭"></div></div>
						<div class="chatright_tabbtn searchmsg">搜索<div class="chattab_close" title="关闭"></div></div>
					</div>
					<!--功能内容板-->
					<div class="chatright_content">
						<!--功能页面板(消息记录)  open_msghistory_search控制开启搜索条件bar--->
						<div class="chatright_contentpage chatframe_msghistroy open_msghistory_search">
							<div class="msghistroy_typebar">
								<div class="msghistroy_typetab selected">全部</div>
								<div class="msghistroy_typetab">图片</div>
								<div class="msghistroy_typetab">文件</div>
							</div>
							<div class="msghistroy_board">
								<!--消息记录内容框-->
								<div class="msghistroy_cnt">
									<!--<div class="msghistroy_pageload"></div>-->
									<ul class="msghistroy_page">

										<li class="msghistroy_li self selected">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawdawd</div>
										</li>
										<li class="dateline" date="2015-11-28"><div class="lineimg">2015-11-28</div></li>
										<li class="msghistroy_li ">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddawd
											<img src="img/Zhuoku020.jpg"/></div>
										</li>
										<li class="msghistroy_li">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawdawd</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="msghistroy_searchboard">
								<div class="msghistroy_searchtipbar"><div class="rstips">已搜索到40条消息记录</div> <div class="hidethis"><img src="img/MsgMgr/back_normal.png"/>返回</div></div>
								<!--搜索消息记录内容框-->
								<div class="msghistroy_searchcntboard search_result">
									<div class="msghistroy_searchcnt">
										<!--<div class="msghistroy_pageload"></div>-->
										<ul class="msghistroy_searchpage">
											<li class="msghistroy_searchli self selected">
												<div class="msghead">辣椒哥&nbsp;2015-11-23&nbsp;14:54:12</div>
												<div class="msgcnt">dawdaw<span class="key">dddd</span>d</div>
												<a class="hidetips" href="javascript:;">查看前后消息</a>
											</li>
											<li class="msghistroy_searchli ">
												<div class="msghead">辣椒哥&nbsp;2015-11-23&nbsp;14:54:12</div>
												<div class="msgcnt">dawddddd<span class="key">dddd</span>dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddawd
												<img src="img/Zhuoku020.jpg"/></div>
												<a class="hidetips" href="javascript:;">查看前后消息</a>
											</li>
											<li class="msghistroy_searchli">
												<div class="msghead">辣椒哥&nbsp;2015-11-23&nbsp;14:54:12</div>
												<div class="msgcnt">dawdaw<span class="key">dddd</span>d</div>
												<a class="hidetips" href="javascript:;">查看前后消息</a>
											</li>
										</ul>
									</div>
								</div>
								<!--搜索消息后-->
								<div class="msghistroy_searchcntboard search_rspage">
									<div class="msghistroy_cnt">
										<!--<div class="msghistroy_pageload"></div>-->
										<ul class="msghistroy_page">

											<li class="msghistroy_li self selected">
												<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
												<div class="msgcnt">dawdawd</div>
											</li>
											<li class="dateline" date="2015-11-28"><div class="lineimg">2015-11-28</div></li>
											<li class="msghistroy_li ">
												<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
												<div class="msgcnt">dawddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddawd
												<img src="img/Zhuoku020.jpg"/></div>
											</li>
											<li class="msghistroy_li">
												<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
												<div class="msgcnt">dawdawd</div>
											</li>
										</ul>
									</div>
								</div>
							</div>

							<div class="msghistroy_bottomtools">
								<div class="msghistroy_searchbar">
									<p>范围:</p>
									<div class="msghistroy_range">
										<select>
											<option value="r1">最近一个月</option>
											<option value="r3">最近三个月</option>
											<option value="ry">最近一年</option>
											<option value="rall" selected>全部</option>
										</select>
									</div>
									<p>内容:</p>
									<div class="searchmsgstr"><input name="searchmsg" class="searchinput" type="text"/><div class="delall"></div></div>
									<div class="submitsearch" title="查找">确定</div>
								</div>
								<div class="msghistroy_bottomtoolscnt">
									<div class="msghistroy_setbtn" title="设置"><div class="setico"></div>设置</div>
									<div class="msghistroy_searchbtn" title="打开搜索条"></div>
									<div class="msgmanagerbtn" title="打开消息管理器"></div>
									
									<div class="msghistroy_pageindexboard normalindex">
										<div class="msghistroy_gopage">
											<div class="firstpage gopagebtn" title="第一页"></div>
											<div class="lastpage gopagebtn" title="上页"></div>
											<div class="nextpage gopagebtn disable" title="下页"></div>
											<div class="thelastpage gopagebtn disable" title="最后一页"></div>
										</div>
										<div class="msghistroy_date">
											<div class="calendarico"></div>
											<p class="calendardate">2015-11-24</p>
											<!--日历框容器-->
											<div class="calendarcontent">
												<div class="calendarboard">
													<div class="colorboard">
														<div class="colorhead"></div>
														<div class="colorbody"></div>
													</div>
													<div class="calendarcnt">
														<div class="calendarcnthead">
															<div class="datectrl">
																<div class="lastyear" title="上一年"></div>
																<div class="lastmonth" title="上一个月"></div>
																<div class="nowdate" date="2015/11/24"><span class="monthstr">八月</span><span class="yearstr">2015</span></div>
																<div class="nextyear" title="没有下一年了"></div>
																<div class="nextmonth" title="下一个月"></div>
																
															</div>
															<div class="datelist">
																<div class="datestr">日</div>
																<div class="datestr">一</div>
																<div class="datestr">二</div>
																<div class="datestr">三</div>
																<div class="datestr">四</div>
																<div class="datestr">五</div>
																<div class="datestr">六</div>
															</div>
															<div class="clear"></div>
														</div>
														<div class="calendarcntbody">
															<!---<div class="calendarcntbody_load"></div>-->
															<table cellspacing="0" cellpadding="0">
																<tr>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td>1</td>
																</tr>
																<tr>
																	<td class="hasdata">2</td>
																	<td class="hasdata">3</td>
																	<td>4</td>
																	<td>5</td>
																	<td class="hasdata">6</td>
																	<td>7</td>
																	<td>8</td>
																</tr>
																<tr>
																	<td class="hasdata">9</td>
																	<td class="hasdata">10</td>
																	<td>11</td>
																	<td>12</td>
																	<td>13</td>
																	<td class="hasdata">14</td>
																	<td class="hasdata">15</td>
																</tr>
																<tr>
																	<td>16</td>
																	<td>17</td>
																	<td>18</td>
																	<td>19</td>
																	<td class="hasdata">20</td>
																	<td class="hasdata">21</td>
																	<td>22</td>
																</tr>
																<tr>
																	<td>23</td>
																	<td>24</td>
																	<td>25</td>
																	<td class="hasdata">26</td>
																	<td>27</td>
																	<td>28</td>
																	<td class="hasdata">29</td>
																</tr>
																<tr>
																	<td>30</td>
																	<td class="hasdata">31</td>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td></td>
																	<td></td>
																</tr>
															</table>
														</div>
													</div>
												</div>
											</div><!--日历框容器结束-->

										</div>
									</div>

									<div class="msghistroy_pageindexboard searchindex">
										<div class="msghistroy_gopage">
											<div class="firstpage gopagebtn" title="第一页"></div>
											<div class="lastpage gopagebtn" title="上页"></div>
											<div class="nextpage gopagebtn disable" title="下页"></div>
											<div class="thelastpage gopagebtn disable" title="最后一页"></div>
										</div>
										<div class="msghistroy_date">
											<div class="calendarico"></div>
											<p class="calendardate">2015-11-54</p>
											<div class="calendarcontent"></div>
										</div>
									</div>

								</div>
							</div>
						</div><!--功能页面板结束(消息记录)-->

						<!--功能页面板(搜索)-->
						<div class="chatright_contentpage chatframe_searchmsg">
							
						</div><!--功能页面板结束(搜索)-->

					</div><!--功能内容板结束-->
				</div><!---右侧功能板结束-->

			</div><!--右侧总内容框结束-->
		</div><!--总右侧结束-->

		<!---需要显示右边广告时 class="chatrightshow" title="显示侧边"--->
		<!--<div class="adv_hidebar chatrighthide" title="隐藏侧边"></div>-->

			<div class="chatleft">
				<div class="chatbox">
					<!---进度条---->
					<div class="chatcntscroll">

						<div class="totop"></div>
						<div class="scrollframe">
							<div class="topstep"><div class="topstepbtn"></div></div>
							<div class="scrollbar"><div class="scrollblock"></div></div>
							<div class="bottomstep"><div class="bottomstepbtn"></div></div>
						</div>
						<div class="tobottom"></div>

					</div><!---进度条结束---->
					
					<!---内容页--->
					<div class="chatcntbox">
						
						<!---滚动内容页结束--->
						<div class="chatcntpage">

							<!---msg_list列表显示 / msg_bubble气泡显示--->
							<div class="chatbox_msgtype msg_bubble" id="">
							
							<!--<div class="sendtime_cnt">
								<div class="time_min" date="2015/7/15">22:08</div>-->
								<!----msg_left(列表显示时所有消息均为left 气泡显示时是好友消息) msg_right我发的消息              me/frd 用于更改css时辨识是好友还是自己发的信息 ---->
								<!--<div class="msg_cnt msg_me">

									<div class="senderinfo">
										<div class="infocnt">
											<div class="sendername">辣椒哥</div>
											<div class="sendtime">22:08</div>
										</div>
									</div>
									<ul>
										<li>
											<div class="senderimg"></div>
											<div class="sendcnt">
										
									
												<div class="msgcnt">
													知道我在说啥吗	
												</div>
											</div>
											<div class="clear"></div>
										</li>
										<li>
											<div class="senderimg"></div>
											<div class="sendcnt"><div class="msgcnt">不知道别乱说</div></div>
											<div class="clear"></div>
										</li>
									</ul>

								</div>

								<div class="msg_cnt msg_frd">

									<div class="senderinfo">
										<div class="infocnt">
											<div class="sendername">这是一个QQ</div>
							
											<div class="sendtime">22:28</div>
										</div>
									</div>
									<ul>
										<li>
											<div class="senderimg"></div>
											<div class="sendcnt"><div class="msgcnt">我就喜欢乱说</div></div>
											<div class="clear"></div>
										</li>
										<li>
											<div class="senderimg">
											</div>
											<div class="sendcnt"><div class="msgcnt">别管我</div></div>
											<div class="clear"></div>
										</li>
										<li>
											<div class="senderimg">
											</div>
											<div class="sendcnt"><div class="msgcnt">不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊不喜欢来揍我啊</div></div>
											<div class="clear"></div>
										</li>
									</ul>

								</div>

								<div class="msg_cnt msg_me">

									<div class="senderinfo">
										<div class="infocnt">
											<div class="sendername">辣椒哥</div>
											<div class="sendtime">22:48</div>
										</div>
									</div>
									<ul>
										<li>
											<div class="senderimg"></div>
											<div class="sendcnt"><div class="msgcnt">你TM放学等着</div></div>
											<div class="clear"></div>
										</li>
										<li>
											<div class="gotashake">
												<img src="img/OK_big.png"/>
												您发送了一个窗口抖动。
											</div>
										</li>
										<li>
											<div class="newaddfrdtips">
												我们已经是好友了，现在开始对话吧！
											</div>
										</li>
										
									</ul>
								</div>
							-->
							<!--</div>--><!--时间框-->

							<!--顶部加载历史消息提示 sh_link sh_load sh_fail sh_end sh_ended表示提示状态 cantload表示禁止加载-->
							<div class="showhistorylink sh_load cantload">
								<div class="time_icon"></div><a href="javascript:;" onClick="" class="showhistorylink_a">查看历史消息</a>
								<div class="loadingicon"></div>
								<div class="failtips"><div class="fail_icon"></div>加载失败</div>
								<p class="endtips">更多消息请在消息记录中查阅</p><a href="javascript:;" class="openhibox">,打开消息记录</a>
							</div>

							<div class="sendtime_cnt">
								<div class="time_min" date="2015/7/15">22:10</div>
								<div class="msg_cnt msg_me">
								
									<div class="senderinfo">
										<div class="infocnt">
											<div class="sendername">辣椒哥</div>
											<div class="sendtime">22:48</div>
										</div>
									</div>
									<ul>
										
										<!--<li>
											<div class="senderimg"></div>
											<div class="sendcnt">
												
												<div class="msgcnt">
													
													<div class="pic">
														<img class="showaimg" id="imgview_awdadawd" src="img/bg/1 (11).jpg"/>
														<div class="masking"></div>
														<div class="loadimg">
															<div class="openview"></div>
														</div>
													</div>
													<div class="pic">
														<img src="img/add48.png"/>
														<div class="masking"></div>
														<div class="loadimg">
															<div class="openview"></div>
														</div>
													</div>
													awdadawdaawd
													<div class="pic">
														<img src="img/add48.png"/>
														<div class="masking"></div>
														<div class="loadimg">
															<div class="openview"></div>
														</div>
													</div>
													awdadawdawd
												</div>
												
											</div>
											<div class="clear"></div>
											
										</li>-->
										<li>
											<div class="senderimg"></div>
											<div class="sendcnt">
												<div class="msgcnt">
													你TM放学等着
													<img class="pic" id="" src="img/add48.png"/>
												</div>
											</div>
											<div class="clear"></div>
										</li>


										<li>
											<div class="senderimg"></div>
											<div class="sendcnt">
												<div class="msgcnt">
													你TM放学等着
													<div class="sulink">
														<div class="linksafeflag notice"/></div>
														<a href="http://www.baidu.com">www.baidu.com</a>
														<div class="linkinfo">
															<div class="infomsg" title="查看详情">
																<div class="infomsgimg">
																	<img src="img/Safe/Tips_SecurityAttr_Cloud.png"/>
																</div>
																<div class="infomsgcnt">
																	<div class="infomsgcnttitle">腾讯网</div>
																	<div class="infomsgcntstr">欢迎来到DIVCSS5，学习CSS !
欢迎来到DIVCSS5网!DIVCSS5以通俗易懂知识讲解、案例分析、实例示范让您轻松学习DIV+CSS布局技术、轻松实现xhtml标准网页重构开发。
说明：大家可以通过DIVCSS5主站上的所有免费CSS教程足可学会DIV CSS技术 - 如果需要深入系统学习、较短时间达到理想学习效果可参加DIV+CSS培训班学习; 如需DIV CSS制作可以进入CSS5。</div>
																</div>
															</div>

															<div class="linkctrl">
																<div class="open_sulink">打开</div>
																<div class="collect_sulink">收藏</div>
																<div class="share_sulink">分享</div>
															</div>
														</div>

<!--
<div class="safetagboard unknowtag">
	<div class="safetips">
		<div class="tipimg"></div>
		<div class="tipcnt">安全网站 , 可以访问</div>
		<div class="clear"></div>
	</div>
	<div class="tagctrl">
		<div class=" tag_open">打开</div>
		<div class="tag_copy">复制</div>
		<div class="tag_collect">收藏</div>
		<div class="tag_report">举报</div>
		<div class="tag_whyunknow">为什么未知?</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
	<div class="safeadv">
		<img src="img/Safe/PCMgr_logo.png"/>全国人民都在用椒椒软件管家，赶快<a href="#">下载</a>吧
	</div>

</div>
-->



													</div>
													
												</div>
											</div>
											<div class="clear"></div>
										</li>

									</ul>
								</div>
							</div>
					
							
							</div><!--气泡或列表展示框--->

						</div><!---滚动内容页结束--->

						<!---聊天框底部新信息提示--->
						<div class="chatbottomnewtipsbar">
							<div class="chatnewtips_who"><img src="img/head/26.png"/></div>
							<div class="chatnewtips_cnt">辣椒锅锅：你们这样不对啊啊啊啊啊啊啊啊啊啊啊啊啊啊傻逼傻逼傻逼傻逼</div>
						</div><!---聊天框底部新信息提示--->

					</div><!---内容页结束--->
					<div class="clear"></div>
				</div>
				<div class="chatinput">
					<div class="midtoolbar">
						<div class="midfontset">
							<div class="bubble_type">

								<div class="switch_font_type">
									<div class="tobubble">气泡模式</div>
									<div class="tolist">文本模式</div>
									<div class="clear"></div>
								</div>
								<div class="bubble_theme">选择气泡</div>
								
								<div class="font_size">
									字体大小
									<select>
									  <option value ="12">12</option>
									  <option value ="13">13</option>
									  <option value="14">14</option>
									  <option value="15">15</option>
									  <option value="16">16</option>
									  <option value="17">17</option>
									  <option value="18">18</option>
									</select>
								</div>
								<div class="font_family" title="默认字体">默认字体</div>
								
								<div class="clear"></div>
							</div>
							<div class="list_type">
								<div class="switch_font_type">
									<div class="tobubble">气泡模式</div>
									<div class="tolist">文本模式</div>
								</div>
								
								<div class="sys_color_board" title="颜色"></div>
								<div class="font_underline" title="下划线"></div>
								<div class="font_incline" title="倾斜"></div>
								<div class="font_bold" title="加粗"></div>
								<div class="font_size">
									<select>
									  <option value ="12">12</option>
									  <option value ="13">13</option>
									  <option value="14">14</option>
									  <option value="15">15</option>
									  <option value="16">16</option>
									  <option value="17">17</option>
									  <option value="18">18</option>
									  <option value="19">19</option>
									  <option value="20">20</option>
									  <option value="21">21</option>
									  <option value="22">22</option>
									</select>
								</div>

								<div class="font_family">
									<select>
									  <option value ="微软雅黑">微软雅黑</option>
									  <option value ="宋体">宋体</option>
									  <option value ="仿宋">仿宋</option>
									  <option value ="新宋体">新宋体</option>
									  <option value ="黑体">黑体</option>
									  <option value ="楷体">楷体</option> 
									</select>
								</div>

								<div class="font_type">
									<div class="normal_font" title="系统字体"></div>
									<div class="color_font" title="个性字体"></div>
								</div>
				
								<div class="clear"></div>
							</div>
						</div>
						<div class="midtoolcnt">
							<div class="chatfontset font left" id="" title="字体选择工具栏"></div>
							<div class="face left" title="选择表情"></div>
							<div class="richface left" title="VIP魔法表情/超级表情/涂鸦表情/宠物炫"></div>
							<div class="twitter left" title="向好友发送窗口抖动"></div>
							<div class="inputassist left" title="多功能辅助输入"></div>
							<div class="sendpic left" title="发送图片"></div>
							<div class="cut left" title="屏幕截图 Ctrl + Alt + A"></div>

							<div class="msghis" title="显示消息记录">消息记录</div>
							<div class="clear"></div>
						</div>
					</div>

					<div class="inputbox">
						<div class="inputscroll">
							<div class="inputtopstep"><div class="inputtopstepbtn"></div></div>
							<div class="inputscrollbar"><div class="inputscrollblock"></div></div>
							<div class="inputbottomstep"><div class="inputbottomstepbtn"></div></div>
						</div>
						<div class="inputboxcnt">
							<div class="inputboxcntpage" contenteditable="true"><img src="img/bg/1 (11).jpg"/><img src="img/add48.png"/></div>
						</div>
					</div>

					<div class="bottombar">
						
						<div class="bottombutton">
							<div class="chatsend">
								<div class="sendbtn" title="按Enter键发送消息，按Ctrl+Enter键换行">发送(S)</div>
								<div class="split"><img src="img/chatframe/ButtomBtn_SplitLine.png"/></div>
								<div class="sendset"><img src="img/chatframe/buttomctrl_arrow.png"/></div>
							</div>
							<div class="chatbigclose">关闭(C)</div>
							
						</div>
						<div class="bottomadv"><a href="#" title="大学时光太闲？来赶集网找工作吧！！哈哈哈哈哈哈哈哈">大学时光太闲？来赶集网找工作吧！！哈哈哈哈哈哈哈哈</a></div></div>
						<div class="clear"></div>
					</div>
					
				</div>
			
			</div>
			<div class="clear"></div>
			
		</div>
	</div>

	

</div>


<!--图片预览面板--->
<!---
<div class="imageviewboard">
	<div class="imagecntboard">
			<img class="image2view" src="img/bg/1 (49).jpg"/>
		
			<div class="imageviewclose"></div>
		
			<div class="lastpic">
				<div class="imagetable">
					<div class="imagecell">
						<div class="lastpicbtn"></div>
					</div>
				</div>
			</div>

			<div class="nextpic">
				<div class="imagetable">
					<div class="imagecell">
						<div class="nextpicbtn"></div>
					</div>
				</div>
			</div>
			

			
			<div class="imagebottom">
				<div class="imagetool">
					<div class="imagetoolbg"></div>
					<div class="imagetoolcnt">
						<div class="imagetoolbtn1 image100"></div>
						<div class="imagetoolbtn1 imagefull"></div>
						<div class="imagetoolbtn1 imageroll"></div>
						<div class="imagesplit"></div>
						<div class="imagetoolbtn2 imagesave"></div>
						<div class="imagetoolbtn2 imagecollect"></div>
						<div class="imagetoolbtn2 imagesend2phone"></div>
						<div class="imagetoolbtn2 imageshare"></div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		
	</div>

	
	
</div>

--->



<!--浏览器-->
<!---
<div class="browser">
	<div class="browsercolor"></div>
	<div class="browserbg"></div>

	<div class="browsercnt">
		<div class="browsertag">
			<div class="tagpage">
				<div class="taghead">百度一下，你就知道</div>
				<div class="taghead">微博发现</div>
				<div class="taghead">QQ 网络通讯平台</div>
				<div class="taghead">网易新闻</div>
			</div>

			<div class="tagbox">
				<div class="browsertoolbar">
				</div>
				
				<div class="webpage">
					<iframe src="http://www.baidu.com/"></iframe>
				</div>

			</div>
		</div>
	</div>



</div>
--->

<!--fm-->
<div class="fmboard" id="fmboard">
	
	<div class="fmpage">
		<iframe src=""></iframe>
	</div>
	
	<div class="fmleft">
		<div class="fmmorebtn">
			<div class="fmclose"></div>
			<div class="fmbig"></div>
			<div class="fmtiny"></div>
		</div>

		<div class="fmselect">
			<div class="fmselectbg"></div>

			<div class="fmselectcnt">
				<div class="fmchangel normal" id="doubanfm">
					<div class="fmico">
						<img class="fmicoimg" src="img/ext/fm/doubanfm.png"/>
						
					</div>
					<div class="fmname">豆瓣fm</div>
				</div>
				<div class="fmchangel playing" id="baidufm">
					<div class="fmico">
						<img class="fmicoimg" src="img/ext/fm/baidufm.png"/>
						
					</div>
					<div class="fmname">百度随心听</div>
				</div>
				<div class="fmchangel normal" id="kaolafm">
					<div class="fmico">
						<img class="fmicoimg" src="img/ext/fm/kaolafm.png"/>
						
					</div>
					<div class="fmname">考拉fm</div>
				</div>
				<div class="fmchangel normal" id="lizhifm">
					<div class="fmico">
						<img class="fmicoimg" src="img/ext/fm/lizhifm.png"/>
						
					</div>
					<div class="fmname">荔枝fm</div>
				</div>
				<div class="fmchangel normal" id="qingtingfm">
					<div class="fmico">
						<img class="fmicoimg" src="img/ext/fm/qingtingfm.png"/>
					
					</div>
					<div class="fmname">蜻蜓fm</div>
				</div>
			</div>


			<div class="fmtoolsboard downer">
				<div class="fmtoolbtn"></div>
				<div class="fmtoolcnt">
					<div class="fmtool" id="" title=""></div>
					<div class="fmtool" id="" title=""></div>
					<div class="fmtool" id="" title=""></div>
					<div class="fmtool" id="" title=""></div>
				</div>
			</div>
		</div>


	</div>
	
	

	

	
</div>

<div class="deskicoboard">
	<div class="deskico" id="qqex" title="D:/tencent/QQ"><img src="img/qq_48.png"/>QQ</div>

	<div class="deskico" id="radioex" title="D:/Program Files/NetRadio/radio"><img src="img/ext/fm/radio_red2.png"/>音乐电台</div>
	
	<div class="deskico" id="browserex" title="D:/Program Files/椒椒浏览器"><img src="img/ext/fm/radio_black.png"/>椒椒浏览器</div>


	<div class="deskico" id="testbtn" title="测试按钮"><img src="img/qq_48.png"/>测试按钮</div>
</div>


<!---查找好友---->
<div class="findboard">
	<div class="findhead">
		<div class="findbar">
			<div class="findbarname"><img src="img/all_logo16-xp-2014.ico"/>查找</div>
			<div class="findclose"></div>
			<div class="findtiny"></div>
			<div class="findrepair"></div>
			<div class="findfeedback"></div>
			
			<div class="clear"></div>
		</div>

		<div class="findpagetitle">
			<div class="titlecnt">
				<div class="findfrd findtitletext pagedown">找人</div>
				<div class="sp">|</div>
				<div class="findgrp findtitletext">找群</div>
				<div class="sp">|</div>
				<div class="findclass findtitletext">找课程</div>
				<div class="sp">|</div>
				<div class="findservies findtitletext">找服务</div>
				<div class="sp">|</div>
				<div class="findol findtitletext">找直播</div>
			</div>
		</div>
	</div>

	<!--默认好友查找页-->
	<div class="findfriend">
		<div class="findcondition">
			<div class="conditioninput">
				<input type="text" class="keywordstr" value="请输入QQ号码/昵称/关键词/手机号/邮箱"/>
				<div class="cond_livetown"><input type="text" value="所在地:"/></div>
				<div class="cond_hometown"><input type="text" value="故乡:"/></div>
				<div class="cond_sex">
					<select>
						<option value="nolimit">性别:</option>
						<option value="nolimit">不限</option>
						<option value="man">男</option>
						<option value="woman">女</option>
					</select>
				</div>
				<div class="cond_age">
					<select>
						<option value="nolimit">年龄:</option>
						<option value="nolimit">不限</option>
						<option value="18-">18岁以下</option>
						<option value="18-22">18-22岁</option>
						<option value="23-26">23-26岁</option>
						<option value="27-35">27-35岁</option>
						<option value="35+">35岁以上</option>
					</select>
				</div>

				<div class="livetown_box selectbox">
					<div class="country selectpart">
						<select>
							<option value="nolimit">不限</option>
							<option value="101">中国</option>
							<option value="102">美国</option>
							<option value="103">俄罗斯</option>
							<option value="104">韩国</option>
							<option value="105">日本</option>
							<option value="106">朝鲜</option>
							<option value="107">印度</option>
							<option value="108">泰国</option>
							<option value="109">印度尼西亚</option>
							<option value="110">巴基斯坦</option>
							<option value="111">阿富汗</option>
							<option value="112">伊拉克</option>
							<option value="113">马来西亚</option>
							<option value="114">新加坡</option>
							<option value="115">南非共和国</option>
							<option value="116">阿拉伯联合酋长国</option>
							<option value="117">法国</option>
							<option value="118">德国</option>
							<option value="119">英国</option>
							<option value="120">挪威</option>
							<option value="121">芬兰</option>
							<option value="122">比利时</option>
							<option value="123">意大利</option>
							<option value="124">波兰</option>
							<option value="125">加拿大</option>
							<option value="126">澳大利亚</option>
							<option value="127">文莱</option>
							<option value="128">菲律宾</option>
							<option value="129">墨西哥</option>
							<option value="130">海地</option>
							<option value="">巴西</option>
							<option value="">巴拉圭</option>
							<option value="">秘鲁</option>
							<option value="">马达加斯加</option>
							<option value="">伊朗</option>
							<option value="">埃及</option>
							<option value="">利比亚</option>
							<option value="">苏丹</option>
							<option value="">土耳其</option>
							<option value="">哈萨克斯坦</option>
							<option value="">罗马利亚</option>
							<option value="">希腊</option>
							<option value="">奥地利</option>
						</select>
					</div>
					<div class="province selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="city selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="district selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="clear"></div>
				</div>

				<div class="hometown_box selectbox">
					<div class="country selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="province selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="city selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
					<div class="district selectpart">
						<select>
							<option value=""></option>
						</select>
					</div>
				</div>
			</div>
			<div class="findmoreselect">
				<div class="one_online find_checkboxlist">
					<div class="find_checkbox checked" name="find_checkbox_online" ></div>在&nbsp;&nbsp;&nbsp;线
				</div>
				<div class="one_hascamera find_checkboxlist">
					<div class="find_checkbox" name="find_checkbox_hascamera"></div>摄像头
				</div>
			</div>
			<div class="searchbtn">查找</div>
			<div class="fastsearch">
				<div class="fastsearch_samecity">同城交友</div>
				<div class="fastsearch_samecityhomer">同城老乡</div>
				<div class="fastsearch_nearby">附近的人</div>
			</div>
		</div>

		<!--好友查找结果页--->
		<div class="findfriendresult">
			<div class="findfriendresult_toolbar">
				<div class="findfriendresult_backbtn"><div class="backbtnimg"></div>返回</div>
				<div class="findfriendresult_condition">
					搜索:.&nbsp;|&nbsp;男&nbsp;|&nbsp;所在地:中国,广东,广州&nbsp;|&nbsp;故乡:中国,山东,蓝翔&nbsp;|&nbsp;18-22岁
				</div>
			</div>
			<div class="findfriendresult_board">
				<div class="findfriendresult_cnt">
					<div class="findfriendresult_page">

						<div class="findfriendresult_frds">
								
							<div class="othercard frdresult">
								<div class="otherimg">
									<img src="img/userhead5_80.jpg"/>
								</div>
								<div class="otherinfo">
									<div class="othernick" title="查看用户资料">老袁很厉害</div>
									<div class="otherplace">
										96岁| 内蒙古 符合艾特
									</div>
									<div class="otherctrl">
										<div class="addthis"><div class="addbtnimg"></div>好友</div>
										
									</div>
								</div>
							</div>

							<div class="othercard frdresult">
								<div class="otherimg">
									<img src="img/userhead5_80.jpg"/>
								</div>
								<div class="otherinfo">
									<div class="othernick" title="查看用户资料">老袁很厉害</div>
									<div class="otherplace">
										<div class="othersex female"></div><div class="othergps"></div>广东 广州
									</div>
									<div class="otherctrl">
										<div class="addthis"><div class="addbtnimg"></div>好友</div>
										<div class="chatthis" title="发起临时会话"><div class="chatthisimg"></div></div>
									</div>
								</div>
							</div>
							<div class="othercard frdresult">
								<div class="otherimg">
									<img src="img/userhead5_80.jpg"/>
								</div>
								<div class="otherinfo">
									<div class="othernick" title="查看用户资料">老袁很厉害</div>
									<div class="otherplace">
										<div class="othersex female"></div><div class="othergps"></div>广东 广州
									</div>
									<div class="otherctrl">
										<div class="addthis"><div class="addbtnimg"></div>好友</div>
										<div class="chatthis" title="发起临时会话"><div class="chatthisimg"></div></div>
									</div>
								</div>
							</div>
							<div class="othercard frdresult">
								<div class="otherimg">
									<img src="img/userhead5_80.jpg"/>
								</div>
								<div class="otherinfo">
									<div class="othernick" title="查看用户资料">老袁很厉害</div>
									<div class="otherplace">
										<div class="othersex female"></div><div class="othergps"></div>广东 广州
									</div>
									<div class="otherctrl">
										<div class="addthis"><div class="addbtnimg"></div>好友</div>
										<div class="chatthis" title="发起临时会话"><div class="chatthisimg"></div></div>
									</div>
								</div>
							</div>

							<!--
							<div class="findfriendresult_error">
								<img src="img/loginpanel/i.png"/>没有找到符合条件搜索的用户,QQ网页版(仿)用户量还不多，您可以<a href="javascript:;">分享给好友</a>，加入一起聊！
							</div>
							-->
						</div>

						<div class="findfriendresult_selectpage">
						
							<div class="findfriendresult_selectpagecnt">
							
								<div class="findfriendresult_lastpage">上一页</div>
								<div class="findfriendresult_pagetab">
									<div class="pagenum selected">1</div>
									<div class="pagenum">2</div>
									<div class="pagenum">3</div>
								</div>
								<div class="findfriendresult_nextpage">下一页</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>

					</div>
				</div>

				

			</div>
		</div><!--查找好友结束-->



		
		<!--初始好友推荐面板-->
		<div class="findfriendinit">
			<a class="backuptips" href="http://huifu.qq.com/?ptlang=2052" target="_blank">好友被删不要急，批量回复来帮你！</a>
			<div class="frdrecommend">
				<div class="frdrecommendtitle">好友推荐</div>
				<div class="frdrecommendcnt findfrd_board">
					
					<!---推荐内容页--->
					<ul class="findfrd_page frdrecommendcntboard">
						<li class="frdrecommendlist_1">
			
							<div class="othercard frdinit">
								<div class="otherimg">
									<img src="img/userhead5_80.jpg"/>
								</div>
								<div class="otherinfo">
									<div class="othernick" title="查看用户资料">老袁很厉害</div>
									<div class="otherplace">
										<div class="othersex female"></div><div class="othergps"></div>100米以内
									</div>
									<div class="otherctrl">
										<div class="addthis"><div class="addbtnimg"></div>好友</div>
										<div class="chatthis" title="发起临时会话"><div class="chatthisimg"></div></div>
									</div>
								</div>
							</div>
							
						</li>
						<li class="frdrecommendlist_2"></li>		
					</ul>
					<!--左右翻页按钮-->
					<div class="findfrd_toleft"></div>
					<div class="findfrd_toright"></div>
				
			</div>

			<div class="frdnearby">
				<div class="frdnearbytitle">附近的人</div>
				<div class="frdnearbycnt findfrd_board">	
					<ul class="frdnearbycntboard findfrd_page">
						<li class="frdnearbylist_1"></li>
						<li class="frdnearbylist_2"></li>
					</ul>
					<div class="findfrd_toleft"></div>
					<div class="findfrd_toright"></div>
				</div>
			</div>


		</div><!--好友推荐结束-->

	



	</div><!--查找好友页结束--->

	<!--查找群页-->
	<div class="findgroup">
	
	</div>


</div>



<!--用户注册--->
<div class="regin_browser">

	
<iframe src="http://zc.qq.com/chs/index.html"></iframe>


</div>




<!----消息盒子库---->
<div class="msglib_board" id="msglib_board_X">
	<!--总内容页--->
	<div class="msglib_cntboard">
		<!--顶bar-->
		<div class="msglib_bar theme_color_id">
			<div class="msglib_barname"><img src="img/informationbox/messagebox16.ico"/>这是一个QQ&nbsp;-&nbsp;消息盒子</div>
			<div class="msglib_close" title="关闭"></div>
			<div class="msglib_max" title="最大化"></div>
			<div class="msglib_mini" title="最小化"></div>
			<div class="clear"></div>
		</div>
		
		<!----翻页按钮-->
		<div class="msglib_title">
			<div class="msglib_title_tag selected">最近(100)</div>
			<div class="msglib_title_tag">通知</div>
			<div class="msglib_smartget"><div class="ck"></div>智能提取</div>
			<div class="msglib_set">
				<img class="setinfo" src="img/informationbox/MsgboxSetInfo.png"/>
				<ul class="msglib_setboard">
					<li class="viewset">预览显示<img src="img/Menu/menu_arrow.png"/>
						<div class="clear"></div>
						<ul>
							<li class="showfirst"><div class="ck"></div>默认显示第一条</li>
							<li class="showlast"><div class="ck checked"></div>默认显示最后一条</li>
						</ul>
					</li>
					<li class="delnclose"><div class="ck checked"></div>清空消息时关闭</li>
					<li class="delnnoremind"><div class="ck checked"></div>删除请求消息时不再提醒</li>
					<li class="showallgrp"><div class="ck checked"></div>显示不关注的群</li>
					<li class="fastset">设置快捷键...</li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>

		<!--切换页-->
		<div class="msglib_content">
			<!--切换内容板(普通消息)--->
			<div class="msglib_content_board msglib_content_resent show">
			
				<!--切换页工具栏-->
				<div class="msglib_toolbar">
					<div class="msglib_toolbar_title msglib_openall"><div class="msglib_openimg"></div>打开全部</div>
					<div class="msglib_toolbar_title msglib_ignoreall"><div class="msglib_ignoreimg"></div>忽略全部</div>
				</div>
				
				<!---好友消息列表页--->
				<div class="msglib_list_board">
					<!--好友列表框-->
					<div class="msglib_list"><!--board--->
						<div class="msglib_list_cnt"><!---cnt--->

							<ul class="msglib_frd"><!---page--->
								<li class="msglib_list_head">好友会话</li>
								<li class="msglib_list_who" fid="">
									<div class="header"><div class="headimg"></div></div>
									<div class="cnter">
										<div class="namer">
											<div class="lasttime">14:54</div>
											<div class="count">1256条</div>
											
											<div class="fname">辣椒哥(425661254)</div>
										</div>
										<div class="newst">你以为你是哪根葱啊，傻逼哈哈哈哈哈哈哈哈哈啊哈哈	</div>
									</div>
								</li>
								<li class="msglib_list_who selected" fid="">
									<div class="header"><div class="headimg"></div></div>
									<div class="cnter">
										<div class="namer">
											<div class="lasttime">14:54</div>
											<div class="count">1256条</div>
											
											<div class="fname">辣椒哥awdwdaddawdadawdaw(425661254awdawdddwd)</div>
										</div>
										<div class="newst">你以为你是哪根葱啊，傻逼哈哈哈哈哈哈哈哈哈啊哈哈	</div>
									</div>
								</li>
				
							
							</ul>
						</div>
					</div>
					
					<!--好友消息框-->
					<div class="msglib_detail">


						<div class="msglib_detail_tab" fid="">
							<div class="msglib_detail_tool">
								<div class="msglib_detail_tool_title msglib_open"><div class="msglib_openimg"></div>打开</div>
								<div class="msglib_detail_tool_title msglib_reply"><div class="msglib_replyimg"></div>回复</div>
								<div class="msglib_detail_tool_title msglib_ignore"><div class="msglib_ignoreimg"></div>忽略</div>
								<div class="clear"></div>
							</div>
							<div class="msglib_detail_frd">
								<div class="header">
									<div class="headerimg">
										<img src=""/>
										<div class="ol_type"></div>	
									</div>
								</div>
								<div class="namer">
									<div class="fname">辣椒哥(425661254)</div>
									<div class="sign">以行践言</div>
								</div>
								

							</div>
							
							<div class="msglib_detail_list">
								<div class="msglib_detail_listcnt">
									<ul class="msglib_detail_listpage">
										<li class="msglib_li">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawdawd</div>
										</li>
										<li class="msglib_li selected">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddawd
											<img src="img/Zhuoku020.jpg"/></div>
										</li>
										<li class="msglib_li">
											<div class="msghead">辣椒哥&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">dawdawd</div>
										</li>
									</ul>
								</div>
							</div>

						</div>

					</div><!--好友消息框-->






				</div><!---好友消息列表页--->
				<div class="clear"></div>
				<!--<div class="whiteboard">暂时没有未读消息</div><!--无消息时显示的蒙版--->
			</div><!--切换内容板(普通消息)--->
<!---------------------------------------------------------------------------------------------------------------------------------------->
			<!--切换内容板(系统通知)--->
			<div class="msglib_content_board msglib_content_sys">
			
				<!--切换页工具栏-->
				<div class="msglib_toolbar">
					<div class="msglib_toolbar_title msglib_openall"><div class="msglib_openimg"></div>打开全部</div>
					<div class="msglib_toolbar_title msglib_ignoreall"><div class="msglib_ignoreimg"></div>忽略全部</div>
				</div>
				
				<!---通知消息列表页--->
				<div class="msglib_list_board">
					<!--通知列表框-->
					<div class="msglib_list"><!--board--->
						<div class="msglib_list_cnt"><!---cnt--->

							<ul class="msglib_sys"><!---page--->
								<li class="msglib_list_who selected" sid="">
									<div class="header"><div class="headimg"></div></div>
									<div class="cnter">
										<div class="namer">
											<div class="lasttime">14:54</div>
											<div class="count">1256条</div>
											<div class="fname">添加好友消息</div>
										</div>
										<div class="newst">XXX添加您为好友</div>
									</div>
								</li>
				
							
							</ul>
						</div>
					</div>
					
					<!--好友消息框-->
					<div class="msglib_detail">
						<div class="msglib_detail_tab" sid="">
							<div class="msglib_detail_tool">
								<div class="msglib_detail_tool_title msglib_open"><div class="msglib_openimg"></div>打开</div>
								<div class="msglib_detail_tool_title msglib_ignore"><div class="msglib_ignoreimg"></div>忽略</div>
								<div class="clear"></div>
							</div>
							<div class="msglib_detail_frd">
								<div class="header">
									<div class="headerimg">
										<img src=""/>
										<div class="ol_type"></div>	
									</div>
								</div>
								<div class="namer">
									<div class="fname">添加好友</div>
									<div class="sign"></div>
								</div>
								

							</div>
							
							<div class="msglib_detail_list">
								<div class="msglib_detail_listcnt">
									<ul class="msglib_detail_listpage">
										<li class="msglib_li">
											<div class="msghead">系统消息&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">XXX添加您为好友</div>
										</li>
										<li class="msglib_li selected">
											<div class="msghead">系统消息&nbsp;&nbsp;14:54:12</div>
											<div class="msgcnt">XXX添加您为好友</div>
										</li>
									</ul>
								</div>
							</div>

						</div>

					</div><!--好友消息框-->

				</div><!---好友消息列表页--->
				<div class="clear"></div>
				<div class="whiteboard">暂时没有未读消息</div><!--无消息时显示的蒙版--->
			</div><!--切换内容板(系统通知)--->

		</div><!--切换页-->
		

	</div><!--总内容页--->

</div><!----消息盒子库---->








<!---用户设置---->
<div class="setting_board">
	<div class="setting_gary"></div>
	<div class="setting_cntboard">
		<div class="setting_bar setting_color">
			<div class="setting_barname"><img src="img/all_logo16-xp-2014.ico"/>系统设置</div>
			<div class="setting_close"></div>
			<div class="setting_mini"></div>
			<div class="clear"></div>
		</div>

		<div class="setting_title">
			<div class="basic_set basic_set_d setting_title_tag">基本设置</div>
			<div class="sec_set sec_set_n setting_title_tag">安全设置</div>
			<div class="auth_set auth_set_n setting_title_tag">权限设置</div>
		</div>
		<div class="setting_content_basic setting_content">
			<div class="setting_list">
				<ul>
					<li class="setting_list_title setting_list_logset">登录</li>
					<li class="setting_list_title setting_list_mainboard">主面板</li>
					<li class="setting_list_title setting_list_status">状态</li>
					<li class="setting_list_title setting_list_chatframe">会话窗口</li>
					<li class="setting_list_title setting_list_msgshow">信息展示</li>
					<li class="setting_list_title setting_list_remind">提醒</li>
					<li class="setting_list_title setting_list_hotkey">热键</li>
					<li class="setting_list_title setting_list_sound">声音</li>
					<li class="setting_list_title setting_list_softupdate">软件更新</li>
					<li class="setting_list_title setting_list_fileman">文件管理</li>
					<li class="setting_list_title setting_list_fileshare">文件共享</li>
					<li class="setting_list_title setting_list_soundvideoconnect">音视频通话</li>
				</ul>
			</div>
			
			<div class="setting_detail">
				<div class="setting_detail_page">
					<div class="setting_detail_list setting_detail_logset">
						<p>登录:</p>
						<ul>
							<li class="setting_li setting_autologload"><div class="setting_ck"></div>开机时自动启动QQ</li>
							<li class="setting_li setting_autologopen"><div class="setting_ck"></div>启动QQ时为我自动登录</li>
							<li class="setting_li setting_allwayslogtip"><div class="setting_ck checked"></div>总是打开登录提示</li>
							<li class="setting_li setting_logopenchat"><div class="setting_ck"></div>登录后弹出上次未关闭会话</li>
							<li class="disabled setting_logout2phoneqq"><div class="setting_ck"></div>离线是自动启动QQ手机版(仅支持AndroidQQ5.2及以上版本)</li>
							<li class="setting_li setting_loginpet"><div class="setting_ck checked"></div>登录后自动运行QQ宠物</li>
							<li class="setting_li setting_loginpapatips"><div class="setting_ck checked"></div>登录后显示拍拍待办事项提示</li>
							<li class="setting_li setting_takeqqbuy"><div class="setting_ck"></div>订阅"QQ网购每日精选",了解最新商品资讯</li>
							
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_mainboard">
						<p>主面板:</p>
						<ul>
							<li class="setting_li setting_alwaystop"><div class="setting_ck checked"></div>始终保持在其他窗口前端</li>
							<li class="setting_li setting_autosidehide"><div class="setting_ck checked"></div>停靠在桌面边缘时自动隐藏</li>
							<li class="setting_li setting_showqqico2taskbar"><div class="setting_ck checked"></div>在任务栏通知区域显示QQ图标</li>
							<li class="setting_li setting_closemainboard">关闭主面板时:
								<ul class="setting_radiolist setting_closemainboardact">
									<li><span class="setting_radiobtn radiochecked" name="hide"></span>隐藏到任务栏通知区域,不退出程序</li>
									<li><span class="setting_radiobtn" name="close"></span>退出程序</li>
								</ul>
							</li>
							<li class="setting_li">您可以自由定制适合您的面板和功能，使用QQ更有效率
								<div class="setting_btn_outline"><div class="setting_button setting_surfacemanager">界面管理器</div></div>
							</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_status">
						<p>状态:</p>
						<ul>
							<li class="setting_li setting_loginstatus">登录后状态为:
								<span class="setting_btn_inline	setting_select">
								<select>
									<option value="online">我在线上</option>
									<option value="qme">Q我吧</option>
									<option value="leave">离开</option>
									<option value="busy">忙碌</option>
									<option value="mute">请勿打扰</option>
									<option value="invisible">隐身</option>
								</select>
								</span>
							</li>
							<li class="setting_li setting_changestatuswhenplay"><div class="setting_ck checked"></div>运行全屏程序时切换至"忙碌"状态<p>仅在"Q我吧"和"我在线上"状态下生效。</p></li>
							<li class="setting_li setting_changestatuswhenmousestop"><div class="setting_ck checked"></div>鼠标无动作
							<span class="setting_btn_inline">
							<div class="setting_clickinput">
								<input type="text" value="5" name="changestatuswhenmousestopval"/>
								<div class="updownclick">
									<div class="upaddclick"><img src="img/scrollbar/arrow_up_normal.png"/></div>
									<div class="downminusclick"><img src="img/scrollbar/arrow_down_normal.png"/></div>
								</div>
							</div>
							</span>分钟后:
								<div class="clear"></div>
								<ul class="setting_mousenoact">
									<li><span class="setting_radiobtn radiochecked"></span>将状态切换至<span class="setting_btn_inline setting_select"><select><option value="leave">离开</option>
									<option value="busy">忙碌</option></select></span><div class="clear"></div></li>
									<li><span class="setting_radiobtn radiochecked"></span>自动锁定QQ</li>
								</ul>
							</li>
							<li class="setting_li setting_autoreply">
							离开,忙碌,请勿打扰时自动回复(100字以内)
							<div class="setting_btn_outline"><div class="setting_button setting_autoreplyset">自动回复设置</div><div class="setting_button setting_fastreplyset">快捷回复设置</div></div>
							<div class="clear"></div>
							</li>
						</ul>
					</div>


					<div class="setting_detail_list setting_detail_chatframe">
						<p>会话窗口:</p>
						<ul>
							<li class="setting_li setting_usechatbubble"><div class="setting_ck checked"></div>使用多彩气泡<span class="setting_btn_inline"><div class="setting_button setting_chatbubbleset">设置多彩气泡</div></span></li>
							<li class="setting_li setting_closeadv"><div class="setting_ck"></div>不显示广告(会员设置项)&nbsp;&nbsp;&nbsp;<a href="http://kf.qq.com/faq/120313RRj6Bv130916BJ77FB.html" target="_blank">可屏蔽哪些广告?</a></li>
							<li class="setting_li setting_allowautoopenchat"><div class="setting_ck"></div>允许来消息时自动弹出窗口</li>
							<li class="setting_li setting_allowautoplaymagicface"><div class="setting_ck checked"></div>允许自动播放魔法表情和超级表情</li>
							<li class="setting_li setting_allowqqshowface"><div class="setting_ck checked"></div>允许使用QQ秀聊天随动表情</li>
							<li class="setting_li setting_allwaysshowchatright"><div class="setting_ck checked"></div>总是显示好友聊天窗口侧边栏</li>
							<li class="setting_li setting_allowchatshake"><div class="setting_ck checked"></div>允许接受窗口抖动</li>
							<li class="setting_li setting_showhotkeytips"><div class="setting_ck checked"></div>显示热词搜索提示</li>
							<li class="setting_li setting_showmsglog"><div class="setting_ck checked"></div>显示历史消息记录</li>
							<li class="setting_li setting_mergechatframe"><div class="setting_ck checked"></div>合拼会话窗口</li>
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_msgshow">
						<p>信息展示:</p>
						<ul>
							<li class="setting_li setting_showico2card"><div class="setting_ck checked"></div>在迷你资料卡上显示业务图标</li>
							<li class="setting_li setting_shownew2card"><div class="setting_ck checked"></div>在迷你资料卡上显示更新摘要</li>
							<li class="setting_li setting_showfrdnew2chatframe"><div class="setting_ck checked"></div>在聊天窗口内展示好友的更新摘要</li>
							
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_remind">
						<p>提醒:</p>
						<ul>
							<li class="setting_li setting_sessionremind"><div class="setting_ck"></div>会话消息提醒</li>
							<li class="setting_li setting_mailremind"><div class="setting_ck checked"></div>新邮件提醒</p></li>
							<li class="setting_li setting_tencentwifiremind"><div class="setting_ck checked"></div>腾讯wifi设备插入自动检测</li>
							<li class="setting_li setting_androidconnectremind"><div class="setting_ck checked"></div>安卓设备连接提醒<p>当插入安卓设备时，提示安装或更新QQ手机版</p></li>
							<li class="setting_li">您可以设置是否在屏幕右下角收到来自QQ空间的通知&nbsp;,&nbsp;<a href="javascript:;" target="_blank">进入设置</a>。</li>
							<li class="setting_li setting_frdolremind">好友上线提醒
							<ul class="setting_frdolremind_select">
								<li><span class="setting_radiobtn radiochecked" name="closeall"></span>关闭好友上线提醒</li>
								<li><span class="setting_radiobtn" name="openall"></span>全部好友上线提醒</li>
								<li><span class="setting_radiobtn" name="setpart"></span>以下好友上线提醒
								<div class="setting_setolremindineedli">
									<div class="setting_setolremindineed setting_color">
										<div class="setting_setolremindineedglass"></div>
										<div class="setting_setolremindineedcnt">
											<ul class="setting_setolremindineedpage">
												<li class="normal" name="setting_setolremindineedli_frd" fid="">
													<div class="setting_frdhead"><img src="img/userhead4_72.png"/></div>
													.(425661254)
													<div class="setting_delaremindfrd"></div>
												</li>
											</ul>
										</div>
									</div>
								
									<div class="setting_button setting_addonlineremindfrd">添加<div class="clear"></div></div>
								</div>
								</li>
							</ul>
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_hotkey">
						<p>热键:</p>
						<ul>
							<li class="setting_li">您可以通过点击选择要更改的热键<div class="setting_btn_outline"><div class="setting_button setting_hotkeyset">设置热键</div></div><div class="clear"></div></li>
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_sound">
						<p>声音:</p>
						<ul>
							<li class="setting_li setting_closesound"><div class="setting_ck"></div>关闭所有声音<div class="setting_btn_outline"><div class="setting_button setting_tipsoundset">设置提示音</div></div><div class="clear"></div></li>
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_softupdate">
						<p>软件更新:</p>
						<ul>
							<li class="setting_li">您可以选择本台计算机上QQ的更新方式</li>
							<li class="setting_li setting_updatetype">
								<ul class="setting_updatetype_select">
									<li><span class="setting_radiobtn radiochecked" name="auto"></span>有更新时自动为我安装(推荐)<p>当QQ有更新时，只能选择最佳的软件更新方案,自动完成更新的下载与安装，省心省力</p></li>
									<li><span class="setting_radiobtn" name="remind"></span>有更新时不要安装，但提醒我<p>此方式不影响安全补丁等重要更新的自动安装</p></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_fileman">
						<p>文件管理:</p>
						<ul>
							<li class="setting_li">默认把接收到的文件保存到此文件夹中:</li>
							<li class="setting_li setting_recivedir">
								<input type="text" name="setting_recivesavedir" class="setting_recivesavedir" />
								<div class="setting_btn_outline"><div class="setting_button setting_changerecivedir">更改目录</div><div class="setting_button setting_openrecivedir">打开文件夹</div></div>
								<div class="clear"></div>
							</li>
							<li class="setting_li setting_allowrecivefasttranfile"><div class="setting_ck checked"></div>允许接收通过秒传发送的文件<p>秒传发送的文件，将使用极速服务器辅助接收，能提高文件传输速度，缩短传输时间。</p></li>
							<li class="setting_li setting_msgsavedir">选择个人文件夹(用于保存消息记录等数据)的保存位置
								<ul class="setting_msgsavedir_select">
									<li class="disabled"><span class="setting_radiobtn" name="unstalldir"></span>保存到安装目录下(Vista,Windows 7或更高的版本不支持此选项)</li>
									<li><span class="setting_radiobtn radiochecked" name="mydir"></span>保存到"我的文档"(推荐)</li>
									<li><span class="setting_radiobtn" name="diydir"></span>自定义
										<div class="setting_btn_outline setting_msgsavedir_diy"><input type="text" class="setting_msgsavedir_input" /><div class="setting_button">浏览</div></div>
										<div class="clear"></div>
									</li>
								</ul>
								<div class="setting_btn_outline"><div class="setting_button setting_openmsgsavedir">打开个人文件夹</div>
								<div class="clear"></div>
							</li>
							<li class="setting_li">定期进行<a href="javascript:;">文件清理</a>可以有效节省硬盘空间。<span class="setting_btn_inline"><div class="setting_button setting_cleanmsgsavedir">前去清理</div></span></li>
							<li class="setting_li setting_remindcleanrecivedir"><div class="setting_ck checked"></div>当个人文件夹大小超过
							<span class="setting_btn_inline">
							<div class="setting_clickinput">
								<input type="text" value="1000" name="changestatuswhenmousestopval"/>
								<div class="updownclick">
									<div class="upaddclick"><img src="img/scrollbar/arrow_up_normal.png"/></div>
									<div class="downminusclick"><img src="img/scrollbar/arrow_down_normal.png"/></div>
								</div>
							</div>
							</span>MB时，提醒我清理</li>
							<li class="setting_li setting_addsendbtn2contextmenu"><div class="setting_ck checked"></div>在系统右键菜单增加"通过QQ发送到我的手机及好友"选项</li>
							
						</ul>
					</div>

					<div class="setting_detail_list setting_detail_fileshare">
						<p>文件共享:</p>
						<ul>
							<li class="setting_li setting_fileshareset">
								<ul class="setting_fileshareset_select">
									<li><span class="setting_radiobtn radiochecked" name="open"></span>开启文件共享功能</li>
									<li><span class="setting_radiobtn radiochecked" name="closeone"></span>禁用文件共享功能(仅本次登录期间生效)</li>
									<li><span class="setting_radiobtn radiochecked" name="close"></span>禁用文件共享功能</li>
								</ul>
							</li>
							<li class="setting_li setting_neverreciveshareremind"><div class="setting_ck"></div>不再接收文件共享提醒</li>
						</ul>
						<div class="clear"></div>
					</div>

					<div class="setting_detail_list setting_detail_soundvideoconnect">
						<p>音视频通话:</p>
						<ul>
							<!---<li class="setting_li">麦克风:<span class="setting_btn_inline setting_select"><select></select></span></li>
							<li class="setting_li">音量:</li>
							<li class="setting_li"><span class="setting_radiobtn radiochecked"></span>自动调节麦克风音量</li>
							<li class="setting_li"><p>请点麦克风测试，对着麦克风说话进行试听</p><div class="setting_button">麦克风测试</div>
								<div class="clear"></div>
							</li>
							<li class="setting_li"></li>
							<li class="setting_li">扬声器:<span class="setting_btn_inline setting_select"><select></select></span></li>
							<li class="setting_li">音量:</li>
							<li class="setting_li"><p>请点麦克风测试，对着麦克风说话进行试听</p><div class="setting_button">播放测试声音</div>
								<div class="clear"></div>
							</li>

							<li class="setting_li">摄像头:<span class="setting_btn_inline setting_select"><select></select></span></li>
							<li class="setting_li"></li>
							<li class="setting_li"></li>
							-->
							<li class="setting_build">正在建设中...</li>
						</ul>
					</div>

				</div><!--page结束-->
			</div><!--content结束-->
			
			<!---进度条---->
			<div class="setting_scroll">
				<div class="setting_topstep"><div class="setting_topstepbtn"></div></div>
				<div class="setting_scrollbar"><div class="setting_scrollblock"></div></div>
				<div class="setting_bottomstep"><div class="setting_bottomstepbtn"></div></div>
			</div><!---进度条结束---->




		</div>


		<div class="setting_content_sec setting_content">
			<div class="setting_list">
				<ul>
					<li class="setting_list_title setting_list_pwdset">密码</li>
					<li class="setting_list_title setting_list_qqlock">QQ锁</li>
					<li class="setting_list_title setting_list_msglog">消息记录</li>
					<li class="setting_list_title setting_list_saferecommend">安全推荐</li>
					<li class="setting_list_title setting_list_safeupdate">安全更新</li>
					<li class="setting_list_title setting_list_safedef">安全防护</li>
					<li class="setting_list_title setting_list_filetran">文件传输</li>
				</ul>
			</div>
			
			<div class="setting_detail">
				<div class="setting_detail_page">
					<div class="setting_detail_list setting_detail_pwdset">
						<p>密码:</p>
						<ul>
							<li class="setting_li">您设置了记住密码，登录时无需再输入<div class="setting_btn_outline"><div class="setting_disablebtn setting_cancelrememberpwd">取消记住密码</div></div><div class="clear"></div></li>
							<li class="setting_li">为了您的账号安全，请定期修改密码并申请密码保护<div class="setting_btn_outline"><div class="setting_button setting_modifypwd">修改密码</div><div class="setting_button setting_applypwdpro">申请密码保护</div></div><div class="clear"></div></li>
							<li class="setting_li">某些服务将用到独立密码<div class="setting_btn_outline"><div class="setting_button setting_independentpwdman">管理独立密码</div></div><div class="clear"></div></li>
						</ul>
						
					</div>
					<div class="setting_detail_list setting_detail_qqlock">
						<p>QQ锁:</p>
						<ul>
							<li class="setting_li setting_qqlockset">
								<ul class="setting_qqlockset_select">
								<li><span class="setting_radiobtn radiochecked" name="useqqpwd"></span>使用QQ密码解锁QQ锁</li>
								
								<li><span class="setting_radiobtn radiochecked" name="useotherpwd"></span>使用独立密码解锁QQ锁(QQ密码也可解锁)</li>
								</ul>
							</li>
							<li class="setting_li"><div class="setting_btn_outline"><div class="setting_button setting_modifyhotkey">更改热键</div><div class="setting_button setting_autolockset">自动锁定设置</div></div><div class="clear"></div></li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_msglog">
						<p>消息记录:</p>
						<ul>
							<li class="setting_li setting_synchchatlog"><div class="setting_ck"></div>登录QQ时同步最近聊天记录</li>
							<li class="setting_li setting_delchatlog"><div class="setting_ck"></div>退出QQ时自动删除所有消息记录</li>
							<li class="setting_li">如果您需要删除某个人或者某个群的消息记录，请使用消息管理器<div class="setting_btn_outline"><div class="setting_button setting_openmsglogman">打开消息管理器</div></div><div class="clear"></div></li>
							<li class="setting_li">您可以对全部消息记录按时间段删除<div class="setting_btn_outline"><div class="setting_button setting_deletemsglog">删除消息记录</div></div><div class="clear"></div></li>
							<li class="setting_li setting_encryptmsg"><div class="setting_ck"></div>启用消息记录加密</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_saferecommend">
						<p>安全推荐:</p>
						<ul>
							<li class="disabled setting_openlinkonqqbrowser"><div class="setting_ck"></div>使用QQ浏览器打开QQ中的连接</li>
							<li class="setting_li">建议<a href="javascript:;">安装QQ浏览器</a>，增强访问网络的安全性</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_safeupdate">
						<p>安全更新:</p>
						<ul>
							<li class="setting_li setting_safeupdateset">安全模块及时更新，可保障您的QQ使用安全
								<ul class="setting_safeupdateset_select">
								<li><span class="setting_radiobtn radiochecked" name="auto"></span>有安全更新时自动为我安装，无需提醒(推荐)</li>
								<li><span class="setting_radiobtn" name="remind"></span>有安全更新时提醒我，不自动安装</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_safedef">
						<p>安全防护:</p>
						<ul>
							<li class="setting_li setting_antiphish">浏览器防钓鱼功能，为您有效拦截恶意钓鱼盗号网站
								<ul class="setting_antiphish_select">
									<li><span class="setting_radiobtn radiochecked" name="open"></span>启用(暂支持IE)</li>
									<li><span class="setting_radiobtn" name="close"></span>禁用</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_filetran">
						<p>文件传输:</p>
						<ul>
							<li class="setting_li setting_filetranset">
								<ul class="setting_filetranset_select">
								<li><span class="setting_radiobtn" name="hight"></span>安全级-高<p>阻止接收任何文件</p></li>
								<li><span class="setting_radiobtn radiochecked" name="medium"></span>安全级-中(推荐)<p>阻止接收高安全风险文件(少数常用类型的文件除外)。</p></li>
								<li><span class="setting_radiobtn" name="low"></span>安全级-低<p>允许接受任何文件</p></li>
								</ul>
							</li>
						</ul>
					</div>

				</div><!---page结束-->

			</div><!--content结束--->


			<!---进度条---->
			<div class="setting_scroll">
				<div class="setting_topstep"><div class="setting_topstepbtn"></div></div>
				<div class="setting_scrollbar"><div class="setting_scrollblock"></div></div>
				<div class="setting_bottomstep"><div class="setting_bottomstepbtn"></div></div>
			</div><!---进度条结束---->
		</div>

		<div class="setting_content_auth setting_content">
			<div class="setting_list">
				<ul>
					<li class="setting_list_title setting_list_persondata">个人资料</li>
					<li class="setting_list_title setting_list_zoneauth">空间权限</li>
					<li class="setting_list_title setting_list_antihara">防骚扰</li>
					<li class="setting_list_title setting_list_tempchat">临时会话</li>
					<li class="setting_list_title setting_list_inforemind">资讯提醒</li>
					<li class="setting_list_title setting_list_personstatus">个人状态</li>
					<li class="setting_list_title setting_list_remotedesk">远程桌面</li>
				</ul>
			</div>
			
			<div class="setting_detail">
				<div class="setting_detail_page">
					<div class="setting_detail_list setting_detail_persondata">
						<p>个人资料:</p>
						<ul>
							<li class="setting_li">您可以设置谁可以查看您的个人资料<div class="setting_btn_outline"><div class="setting_button setting_authset">权限设置</div></div><div class="clear"></div></li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_zoneauth">
						<p>空间权限:</p>
						<ul>
							<li class="setting_li setting_zoneaccess">请选择QQ空间访问范围:
							<span class="setting_btn_inline	setting_select"><select>
							<option value="all">对所有人开放</option>
							<option value="part">对部分人开放</option>
							<option value="self">仅对自己开放</option>

							</select></span>
							<div class="clear"></div>
							<font color="red">此项设置详情需要去QQ空间查看修改</font>&nbsp;&nbsp;&nbsp;<a href="">立即查看</a>
							</li>
							<li class="setting_li setting_showmynew"><div class="setting_ck"></div>将您QQ空间的自信日志，最新照片等显示在QQ上</li>
							<li class="setting_li setting_synchsign"><div class="setting_ck"></div>更新说说时同步更新QQ签名</li>
							<li class="setting_li setting_reprintremind"><div class="setting_ck"></div>您的日志被转载了，用QQ消息通知您</li>
							<li class="setting_li setting_newcommentremind"><div class="setting_ck"></div>您的空间有了新留言或评论等，用QQ消息通知您</li>
							<li class="setting_li setting_recentapp"><div class="setting_ck"></div>在QQ上显示最近玩过的应用</li>
							<li class="setting_li"><a href="">去QQ空间设置更多>> </a></li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_antihara">
						<p>防骚扰:</p>
						<ul>
							<li class="setting_li">请选择允许别人查找到您的方式:</li>
							<li class="setting_li setting_findmebyvideo"><div class="setting_ck"></div>通过查找视频用户列表找到我</li>
							<li class="setting_li setting_findmebyaccountonly"><div class="setting_ck"></div>只能通过账号或昵称找到我</li>
							<li class="setting_li setting_notallowrecommendme"><div class="setting_ck"></div>不允许将我推荐给可能认识的人，同时也不向我推荐可能认识的人</li>
							<li class="setting_li setting_addvalidate">请选择适合您的验证方式:
								<ul class="setting_addvalidate_select">
									<li><span class="setting_radiobtn" name="allowall"></span>允许任何人</li>
									<li><span class="setting_radiobtn" name="valmsg"></span>需要验证信息</li>
									<li><span class="setting_radiobtn" name="answer"></span>需要回答正确问题</li>
									<li><span class="setting_radiobtn" name="answer&confirm"></span>需要回答问题并由我确认</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_tempchat">
						<p>临时会话:</p>
						<ul>
							<li class="setting_li setting_notaccepttempchat"><div class="setting_ck"></div>不接收任何临时会话消息</li>
							<li class="setting_li"><div class="setting_btn_outline"><div class="setting_button setting_shieldcontactman">屏蔽联系人管理</div><div class="setting_button setting_shieldsessiontman">屏蔽会话管理</div></div><div class="clear"></div></li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_inforemind">
						<p>资讯提醒:</p>
						<ul>
							<li><div class="setting_ck setting_inforemindset"></div>登录后显示"腾讯网迷你版"</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_personstatus">
						<p>个人状态:</p>
						<ul>
							<li class="setting_li">您将向好友展示以下选中的信息:</li>
							<li class="setting_li setting_showmyinput"><div class="setting_ck"></div>我的输入状态</li>
							<li class="setting_li setting_showmyplace&wheater"><div class="setting_ck"></div>我的地理位置及天气</li>
							<li class="setting_li setting_showmyqqmusic"><div class="setting_ck"></div>我正在播放的QQ音乐</li>
							<li class="setting_li setting_showmyqqgame"><div class="setting_ck"></div>我正在玩的QQ游戏</li>
							<li class="setting_li setting_showmyothergame"><div class="setting_ck"></div>我正在玩的其他游戏</li>
							<li class="setting_li setting_showmypet"><div class="setting_ck"></div>我正在玩的QQ宠物</li>
							<li class="setting_li setting_showmyclass"><div class="setting_ck"></div>在QQ上显示我的课程动态</li>
							<li class="setting_li setting_showmycommonweal"><div class="setting_ck"></div>我的公益活动更新</li>
						</ul>
					</div>
					<div class="setting_detail_list setting_detail_remotedesk">
						<p>远程桌面:</p>
						<ul>
							<li class="setting_li setting_allowremote"><div class="setting_ck"></div>允许远程桌面连接这台计算机</li>
							<li class="setting_li setting_allowautoacceptremote"><div class="setting_ck"></div>自动接收连接请求(建议您手动关闭Windows自动睡眠和自动锁屏功能)</li>
						</ul>
					</div>


				</div><!---page结束-->
	
			</div><!---content结束-->


			<!---进度条---->
			<div class="setting_scroll">
				<div class="setting_topstep"><div class="setting_topstepbtn"></div></div>
				<div class="setting_scrollbar"><div class="setting_scrollblock"></div></div>
				<div class="setting_bottomstep"><div class="setting_bottomstepbtn"></div></div>
			</div><!---进度条结束---->
		</div>




		<!--内子设置面板-->

		<!---自动回复设置-->
		<div class="setting_window setting_window_autorely">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_autorely_subboard">
				<div class="setting_subwincnt setting_autorely_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_autorely_cntboard theme_color">
						<div class="setting_autorely_glass"></div>
						<div class="setting_autorely_cnt">
							<ul class="setting_autorely_cntpage">
								<li class="setting_autorely_cntli">1<span class="autorely_cnt">您好，我现在有事不在，一会再和您联系。</span></li>
								<li class="setting_autorely_cntli">2<span class="autorely_cnt">工作中，请勿打扰。</span></li>
								<li class="setting_autorely_cntli selected">3<span class="autorely_cnt">我去吃饭了，一会再联系。</span></li>	
							</ul>
						</div>
						<div class="simplescrollframe">
							<div class="scroll_topstep"><div class="scroll_topstepbtn"></div></div>
							<div class="scrollbar"><div class="scrollblock"></div></div>
							<div class="scroll_bottomstep"><div class="scroll_bottomstepbtn"></div></div>
						</div>
					</div>
					<div class="setting_subbtnlist">
						<div class="setting_button setting_addrelystr">添加</div>
						<div class="setting_button setting_modifyrelystr">修改</div>
						<div class="setting_button setting_delrelystr">删除</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		
		</div>

		<!--快速回复设置-->
		<div class="setting_window setting_window_fastreply">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_fastreply_subboard">
				<div class="setting_subwincnt setting_fastreply_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_fastreply_head">
						设置快速回复(50字以内)
						<div class="setting_fastreply_select">
						<select name="setting_fastreply_num">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
						</select>
						</div>
						<div class="clear"></div>
					</div>
					<div class="setting_fastreply_cntboard">
						<textarea></textarea>
					</div>
					<div class="setting_subbtnlist">
						<div class="setting_button setting_addfastreplystr">添加</div>
						<div class="setting_button setting_delfastreplystr">删除</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		
		</div>


		<!--提示音设置-->

		<div class="setting_window setting_window_remindsound">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_remindsound_subboard">
				<div class="setting_subwincnt setting_remindsound_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_remindsound_title">您可以设置开启不同类型的声音提示，点击可切换"状态"。</div>
					<div class="setting_remindsound_tcnt  setting_sub_colorboard theme_color">
						<div class="setting_remindsound_colorhead"></div>
						<div class="setting_remindsound_colorbody"></div>
						<table>
							<thead>
								<tr>
									<th class="setting_remindsound_type">声音类型</th>
									<th class="setting_remindsound_try">试听</th>
									<th class="setting_remindsound_status">状态</th>
									<th class="setting_remindsound_file">声音文件</th>
								</tr>
							</thead>
							<tbody>
								<tr name="setting_remindsound_frdmsgtips" class="setting_remindsound_tr">
									<td>好友消息</td>
									<td><div class="setting_remindsound_trymusic" name="frdmsgtips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
								<tr>
									<td>群/讨论组消息</td>
									<td><div class="setting_remindsound_trymusic" name="grpmsgtips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
								<tr>
									<td>好友上线</td>
									<td><div class="setting_remindsound_trymusic" name="frdoltips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
								<tr>
									<td>语音视频呼叫</td>
									<td><div class="setting_remindsound_trymusic" name="callintips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
								<tr>
									<td>系统消息</td>
									<td><div class="setting_remindsound_trymusic" name="sysmsgtips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
								<tr>
									<td>拍拍消息</td>
									<td><div class="setting_remindsound_trymusic" name="papatips"></div></td>
									<td><div class="setting_remindsound_switch" name="open">开启</div></td>
									<td><div class="setting_remindsound_filedir" value="D:\Program Files\Tencent\QQ\Misc\Sound\Classic\msg.wav"><input type="text" value="D:\Program Files\...\msg.wav"/></div><div class="setting_remindsound_opendir"></div></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		
		</div>




		<!--权限设置-->
		<div class="setting_window setting_window_authset">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_authset_subboard">
				<div class="setting_subwincnt setting_authset_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_authset_head">
						您可以设置谁可以查看我的以下信息，点击可改变设置。
					</div>
					<div class="setting_authset_basic  setting_sub_colorboard">
						<div class="setting_authset_whiteglass"></div>
						<ul class="setting_authset_basiccnt">
							<li>&nbsp;基础资料</li>
							<li class="">
								<div class="setting_authtile">性别</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">生日</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">年龄</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">生肖</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="selected">
								<div class="setting_authtile">星座</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">血型</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">所在地</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">故乡</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">Q龄</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="setting_authset_extend  setting_sub_colorboard">
						<div class="setting_authset_whiteglass"></div>
						<ul class="setting_authset_extendcnt">
							<li>&nbsp;扩展资料</li>
							<li class="">
								<div class="setting_authtile">姓名</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">英文名</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">地址/邮编</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">电话</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">手机</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">邮箱</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">主页</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">职业/职位</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">学历</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
							<li class="">
								<div class="setting_authtile">学校</div>
								<div class="setting_authvisible">
								<select name="setting_auth_">
									<option value="all">所有人可见</option>
									<option value="frd">仅好友可见</option>
									<option value="self">仅自己可见</option>
								</select>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
					<div class="setting_authset_reset">恢复默认</div>
				</div>
			</div>
		
		</div>





	<!--屏蔽联系人管理-->

		<div class="setting_window setting_window_shieldcontact">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_shieldcontact_subboard">
				<div class="setting_subwincnt setting_shieldcontact_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_shieldcontact_title">您不会收到来自列表中的联系人给您发送的消息</div>
					<div class="setting_shieldcontact_tcnt setting_sub_colorboard theme_color">
						<div class="setting_shieldcontact_colorhead"></div>
						<div class="setting_shieldcontact_colorbody"></div>
						<table>
							<thead>
								<tr>
									<th class="setting_shieldcontact_account">账号</th>
									<th class="setting_shieldcontact_nick">昵称/姓名</th>
									<th class="setting_shieldcontact_sex">性别</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td></td>
									<td></td>
									<td></td>
								</tr>
								
							</tbody>
						</table>
						
					</div>
					<div class="setting_shieldcontact_remove">解除屏蔽</div>
					<div class="clear"></div>
				</div>
			</div>
		
		</div>

	<!--屏蔽会话管理-->

		<div class="setting_window setting_window_shieldsession">
			<div class="setting_whiteglass"></div>
			<div class="setting_subwin setting_shieldsession_subboard">
				<div class="setting_subwincnt setting_shieldsession_subcntboard">
					<div class="setting_subwinclose"></div>
					<div class="setting_shieldsession_title">您不会收到来自列表中会话来源发起的临时会话消息</div>
					<div class="setting_shieldsession_tcnt setting_sub_colorboard theme_color">
						<div class="setting_shieldsession_colorhead"></div>
						<div class="setting_shieldsession_colorbody"></div>
						<ul>
							<li class="head">会话来源</li>

						</ul>
						
					</div>
					<div class="setting_shieldsession_remove">解除屏蔽</div>
					<div class="clear"></div>
				</div>
			</div>
		
		</div>



	<!--内子设置面板完毕-->
	
	



	</div><!--cntboard-->



	<!--外子边框设置--->




	<!---添加自动回复--->
	<div class="setting_subwindow setting_addreplylist">
		<div class="setting_subwindowbar setting_color">
			<div class="setting_barname"><img src="img/all_logo16-xp-2014.ico"/>添加自动回复</div>
			<div class="setting_subwindowclose"></div>
			<div class="clear"></div>
		</div>
		<div class="setting_subwindowcnt">
			<div class="setting_addreplylisttitle">回复内容(100字以内)</div>
			<textarea class="setting_addreplylisteditboard"></textarea>

		</div>
		<div class="setting_subwindowfoot setting_color">
			<div class="setting_subwindowfootglass"></div>
			<div class="setting_subwindowfootcnt">
				<div class="setting_subwindowbutton setting_subcancel">取消</div>
				<div class="setting_subwindowbutton setting_subconfirm disabled">确定</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>

	<!--修改自动回复--->
	<div class="setting_subwindow setting_editreplylist">
		<div class="setting_subwindowbar setting_color">
			<div class="setting_barname"><img src="img/all_logo16-xp-2014.ico"/>修改自动回复</div>
			<div class="setting_subwindowclose"></div>
			<div class="clear"></div>
		</div>
		<div class="setting_subwindowcnt">
			<div class="setting_editreplylisttitle">回复内容(100字以内)</div>
			<textarea class="setting_editreplylisteditboard"></textarea>
		</div>
		<div class="setting_subwindowfoot setting_color">
			<div class="setting_subwindowfootglass"></div>
			<div class="setting_subwindowfootcnt">
				<div class="setting_subwindowbutton setting_subcancel">取消</div>
				<div class="setting_subwindowbutton setting_subconfirm">确定</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>


	<!---选择提醒联系人--->
	<div class="setting_subwindow setting_choiceremindcontact">
		<div class="setting_subwindowbar theme_color">
			<div class="setting_barname"><img src="img/all_logo16-xp-2014.ico"/>选择联系人</div>
			<div class="setting_subwindowclose"></div>
			<div class="clear"></div>
		</div>
		<div class="setting_subwindowcnt setting_choiceremindcontactboard">
			<input type="text" class="setting_searchcontact" value="输入查找关键字"/>
			<div class="setting_searchcontactclear"></div>
			<div class="setting_choicetitle">已选联系人:</div>
			<div class="clear"></div>
			<div class="setting_frdlist theme_color">
				<div class="setting_subwindowglass"></div>
				<div class="setting_frdlistcnt">
					<ul class="setting_frdlistcntpage">
						<li class="setting_grp show">
							<div class="setting_grpname nor">我的好友<div class="setting_addthisgrp" title="添加全组"></div></div>
							<ul>
								<li class="normal" title=".(425661254)" name="setting_grp_frd">
									<div class="setting_frdhead"><img src="img/userhead4_72.png"/></div>
									.(425661254)
								</li>
								<li class="selected" title="wannna(905536187)">
									<div class="setting_frdhead"><img src="img/userhead5_80.jpg"/></div>
									wannna(905536187)
								</li>
								<li class="normal" title="GiGi(2072626970)">
									<div class="setting_frdhead"><img src="img/wanna.jpg"/></div>
									GiGi(2072626970)
								</li>
							</ul>
						</li>
						<li class="setting_grp hide">
							<div class="setting_grpname nor">我的校友<div class="setting_addthisgrp" title="添加全组"></div></div>
							<ul>
								<li class="normal" title=".(425661254)">
									<div class="setting_frdhead"><img src="img/userhead4_72.png"/></div>
									.(425661254)
								</li>
								<li class="selected" title="wannna(905536187)">
									<div class="setting_frdhead"><img src="img/userhead5_80.jpg"/></div>
									wannna(905536187)
								</li>
								<li class="normal" title="GiGi(2072626970)">
									<div class="setting_frdhead"><img src="img/wanna.jpg"/></div>
									GiGi(2072626970)
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="simplescrollframe">
					<div class="scroll_topstep"><div class="scroll_topstepbtn"></div></div>
					<div class="scroll_scrollbar"><div class="scroll_scrollblock"></div></div>
					<div class="scroll_bottomstep"><div class="scroll_bottomstepbtn"></div></div>
				</div>
				
			</div>
			<div class="setting_remindfrdlist theme_color">
				<div class="setting_subwindowglass"></div>
				<div class="setting_remindfrdlistcnt">	
					<ul class="setting_remindfrdlistcntpage">
						<li class="normal" name="setting_remindfrd_frd" fid="">
							<div class="setting_frdhead"><img src="img/userhead4_72.png"/></div>
							.(425661254)
							<div class="setting_defrdframe"><div class="setting_delthisfrd"><img src="img/SelectContact/deleteicon.png"/></div></div>
						</li>
						<li class="selected">
							<div class="setting_frdhead"><img src="img/userhead5_80.jpg"/></div>
							wannna(905536187)
							<div class="setting_defrdframe"><div class="setting_delthisfrd"><img src="img/SelectContact/deleteicon.png"/></div></div>
						</li>
						<li class="normal">
							<div class="setting_frdhead"><img src="img/wanna.jpg"/></div>
							GiGi(2072626970)
							<div class="setting_defrdframe"><div class="setting_delthisfrd"><img src="img/SelectContact/deleteicon.png"/></div></div>
						</li>

					</ul>
				</div>
				<div class="simplescrollframe">
					<div class="scroll_topstep"><div class="scroll_topstepbtn"></div></div>
					<div class="scroll_scrollbar"><div class="scroll_scrollblock"></div></div>
					<div class="scroll_bottomstep"><div class="scroll_bottomstepbtn"></div></div>
				</div>
			</div>

			<div class="setting_searchcontactresult theme_color">
				<div class="setting_subwindowglass"></div>
				<div class="setting_searchcontactresultcnt">
					<ul class="setting_searchcontactresultcntpage">
						<li class="title">好友<img class="splite_line" src="img/SelectContact/splite_line.png"/></li>
						<li class="normal">
							<div class="setting_frdhead"><img src="img/wanna.jpg"/></div>
							<font color="red">G</font>iGi(2072626970)
							<div class="setting_defrdframe"><div class="setting_delthisfrd"><img src="img/SelectContact/deleteicon.png"/></div></div>
						</li>
					</ul>
				</div>
				<div class="simplescrollframe">
					<div class="scroll_topstep"><div class="scroll_topstepbtn"></div></div>
					<div class="scrollbar"><div class="scrollblock"></div></div>
					<div class="scroll_bottomstep"><div class="scroll_bottomstepbtn"></div></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="setting_subwindowfoot theme_color">
			<div class="setting_subwindowfootglass"></div>
			<div class="setting_subwindowfootcnt">
				<div class="setting_subwindowbutton setting_subcancel">取消</div>
				<div class="setting_subwindowbutton setting_subconfirm disabled">确定</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>


	<!------>
	<div class="setting_subwindow ">
		<div class="setting_subwindowbar theme_color">
			<div class="setting_barname"><img src="img/all_logo16-xp-2014.ico"/>添加自动回复</div>
			<div class="setting_subwindowclose"></div>
			<div class="clear"></div>
		</div>
		<div class="setting_subwindowcnt">
			
		</div>
		<div class="setting_subwindowfoot setting_color">
			<div class="setting_subwindowfootglass"></div>
			<div class="setting_subwindowfootcnt">
				<div class="setting_subwindowbutton setting_subcancel">取消</div>
				<div class="setting_subwindowbutton setting_subconfirm">确定</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	



	<!--外子边框设置完毕--->
		


</div>









<!--底部状态栏-->
<div class="whiteglass"></div>
<div class="glass"></div>
<div id="bottombar">
	
	<div id="start"></div>
	<div id="sysapp">
		<div id="showdesk"></div>
		<div id="clockico">23:10</div>
		<div id="soundico" class="soundon"></div>
		<div id="musicico"></div>
	</div>
	
	<div id="appcnt">
		<div class="appico"><img src="img/peper_16.png"/></div>
		<div class="appico"><img src="img/status/messagebox16.ico"/></div>
		<div class="appico"><img src="img/status/Silent/GG.ico"/></div>
		<div class="appico"><img src="img/status/Silent/MM.ico"/></div>
		<div class="appico"><img src="img/status/qq/login/32/logining2.gif"/></div>
	</div>

	<div id="tinycontent">
		<div class="tinycnt tinynone"><img src="img/userhead1_32.png"/>google</div>
		<div class="tinycnt tinyshow"><img src="img/userhead2_32.png"/>concat to me..</div>
		<div class="tinycnt tinynone"><img src="img/userhead5_80.jpg"/>haha</div>
		
	</div>
	<div class="clear"></div>
</div>


</body>
<script type="text/javascript" src="js/msg.js"></script>
<script type="text/javascript" src="js/login_html5.js"></script>
<script type="text/javascript">

	window.onload=function()
{
console.log("(30)midtoolbar="+$(".midtoolbar")[0].offsetHeigt);
console.log("(33)midfontset="+$(".midfontset")[0].offsetHeigt);
console.log("(30)midtoolcnt="+$(".midtoolcnt")[0].offsetHeigt);
console.log("(70)inputbox="+$(".inputbox")[0].offsetHeigt);
console.log("(37)bottombar="+$(".bottombar")[0].offsetHeigt);
}




	
/*console.log($(".scroll")[0].offsetTop);//本身顶端到父元素顶端的高度
console.log($(".scroll")[0].offsetHeight);//本身的高度
console.log($(".scroll")[0].offsetLeft);//本身左端到父元素左端的长度

console.log($(".scroll")[0].scrollTop);//滚动高度
console.log($(".scroll")[0].scrollHeight);
console.log($(".scroll")[0].scrollWidth);

console.log();
console.log();
console.log();
console.log();*/

/*console.log($("#grplist")[0].clientWidth);
console.log($("#grplist")[0].clientHeight);
console.log($("#grplist")[0].offsetHeight);
console.log($("#grplist")[0].scrollHeight);
console.log($("#maintools")[0].offsetTop);
console.log($("#grplist")[0].offsetTop);
console.log($("#maintools")[0].offsetTop-$("#grplist")[0].offsetTop-$("#mainfriend")[0].offsetTop);





*/







/*$(".scroll")[0].onmousedown=function(ev)
{
	var e=ev||window.event;

	//获取滚动条的长度(固定)
	var sheight=this.offsetHeight;

	//滚动框的长度（固定）
	var gheight=$("#grpscroll")[0].offsetHeight;

	//滚动框的总高度（固定）
	var gtop=$("#grpscroll")[0].offsetTop+$("#grpscroll")[0].offsetHeight;

	//可移动总长度=滚动框长度-滚动条长度(固定)
	var totalscroll=gheight-sheight;
	
	//滚动条离顶端高度(活动)
	//var stop=this.offsetTop;
	var stop=null;
	//还剩下的可移动长度(活动)
	var canscroll=gtop-stop;


	//var dy=e.clientY-stop;



	console.log(e.clientX);
	console.log(e.clientY);
	console.log(e.offsetX);
	console.log(e.offsetY);

	function move(ev)
	{
		var e=ev||window.event;
		
		
		var ol=e.offsetY;
		//if(ol>totalscroll)
		//{
		//	ol=totalscroll;
		//}
		 if(ol<0)
		{
			ol=0;
		}
		console.log("ol"+ol);

		$(".scroll")[0].style.top=ol+(sheight/2)+"px";

		//var f=ol/totalscroll;

		//$("#grplist")[0].style.top=-f*(gheight-$(".grpcnt")[0].offsetHeight)+"px";
	}
	function up(ev)
	{
		var e=ev||window.event;
		this.onmousemove=null;
		this.onmouseup=null;
		if(this.releaseCapture)
		{
			this.releaseCapture();
		}
	}

	if($(".scroll")[0].setCapture)
	{
		$(".scroll")[0].onmousemove=move;
	$(".scroll")[0].onmouseup=up;
			$(".scroll")[0].setCapture();
	}else
              {
                  document.onmousemove=move;
                  document.onmouseup=up;
              }
	
	return false;
}
*/

/*var length=$("#grplist")[0].offsetHeight-$("#grplist")[0].clientHeight;
var sl=$("#grplist")[0].clientHeight-length;
console.log($("#grplist")[0].style.height);
console.log($("#grplist")[0].offsetHeight);
console.log($("#grplist")[0].clientHeight);
console.log("length:"+length);
console.log("sl:"+sl);
$(".scroll").css("height",length+"px");
*/
/*$("#grplist")[0].onmouseout=function()
{
	if($("#grpscroll").css("display")=="block")
	{
		$("#grplist").css("width","100%");
		$("#grpscroll").css("display","none");
	}
}
*/
/*$("#grplist")[0].onmouseover=function()
{
	//滚动倍率
	var override=6;
	var mod=0;
	var sh=0;
	var grpclientheight=$("#maintools")[0].offsetTop-$("#grplist")[0].offsetTop-$("#mainfriend")[0].offsetTop;
	var gch=grpclientheight;
	if($("#grplist")[0].offsetHeight>=(grpclientheight))
	{
		//手动计算好友列表高度

		
			

			
		
	//主面板框初始化时或resize触发滚动条函数
		if($("#grpscroll").css("display")=="none")
		{
			//重设好友列表宽度
			$("#grplist").css("width",$("#grplist")[0].clientWidth-16+"px");
			//判断好友列表到头顶的高度并将滚动条设置到那里
			$("#grpscroll").css("top",($("#grplist")[0].offsetTop+$("#mainfriend")[0].offsetTop)+"px");
			//设置滚动条总框垂直长度
			$("#grpscroll").css("height",grpclientheight+"px");
			//设置滚动框垂直长度
			$(".main_scrollframe").css("height",grpclientheight-24+"px");


			//根据滚动倍率设置滚动条垂直长度
			//不可见长度
			var leave=$("#grplist")[0].offsetHeight-grpclientheight;
			//求出不可见长度除倍率的余数
			mod=leave%override;
			//求出滚动条垂直长度
			sh=(grpclientheight-24)-leave/override;
			
			$(".main_scrollbar").css("height",sh+"px");


			//显示滚动条
			$("#grpscroll").css("display","block");



			
			//console.log("滚动条长度"+$(".main_scrollframe")[0].offsetHeight);
			
		}
	}
	
	window.onmousewheel=document.onmousewheel=function(e)
	{
		e=e||window.event;
		if(e.wheelDelta)
		{
			scroll(e.wheelDelta);
		}
		else if(e.detail)
		{
			scroll(e.detail);
		}
	}


	function scroll(k)
	{
		
		if(Math.abs(k)==120)
		{
			//滚动条已移动距离
			var sheight=$(".main_scrollbar")[0].offsetHeight;
			var actheight=$("#grpscroll")[0].offsetHeight-sheight;
			var runed=$(".main_scrollbar")[0].offsetTop-12;
			k=k/120*override;
			console.log("runed"+runed+"---grp:"+grpclientheight+","+(grpclientheight-24-sh)+" sh:"+sheight);
			
			if(runed>actheight)
			{
				$(".main_scrollbar").css("top",actheight+"px");
				
				runed=actheight;
				return;
			}
			else if(runed<0)
			{
				$(".main_scrollbar").css("top","0px");
				$("#grplist").css("top","0px");
				return;
			}
			$("#grplist").css("top",-runed*override+"px");

			$(".main_scrollbar").css("top",runed-k+"px");

		

			/*if(runed>=($("#grpscroll")[0].offsetHeight-sheight))
			{
				console.log('到底了');
				runed=($("#grpscroll")[0].offsetHeight-sheight);
				k=0;
			}
			else if(runed<0)
			{
				runed=0;
				k=0;
			}
			
			$(".main_scrollbar")[0].style.top=runed-k+"px";

			var per=(runed-k)/$("#grpscroll")[0].offsetHeight;

			$("#grplist").css("top",-runed*override+"px");
			*/

/*
			console.log("列表Top:"+$("#grplist")[0].style.top);
			console.log("滚动条top:"+$(".main_scrollbar")[0].style.top);
		}
		else if(Math.abs(k)==3)
		{
			$("#grplist")[0].style.top=(k/3)+"px";
			$(".main_scrollbar")[0].style.top=-(k/3)+"px";
		}
	}















}
*/

console.log($('.themebox_colorskin td[tid="www"]')[0].offsetWidth+','+$('.themebox_colorskin td[tid="www"]')[0].offsetHeight);

</script>
</html>

